/* 다크 테마 스타일 */
body {
  background: #0a0a0a;
  color: #e4e4e7;
}

.container {
  background: rgba(20, 20, 20, 0.7);
}

/* 헤더 컨트롤 */
.language-select {
  background: rgba(255, 255, 255, 0.05); /* 원래 어두운 배경 유지 */
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #e4e4e7; /* 밝은 텍스트 */
}

/* 드롭다운 옵션 스타일 - 이 부분만 잘 보이게 */
select option,
select optgroup {
  background: white !important; /* 옵션은 흰 배경 */
  color: #1a1a1a !important; /* 옵션은 어두운 텍스트 */
  padding: 8px;
}

select option:hover,
select option:checked {
  background: #f0f0f0 !important;
  color: #1a1a1a !important;
}

.language-select:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.15);
}

.theme-toggle {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #e4e4e7;
}

.theme-toggle:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.15);
}

/* 메인 탭 */
.main-tab {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.05);
  color: #a1a1aa;
}

.main-tab:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.1);
  color: #e4e4e7;
}

.main-tab.active {
  background: linear-gradient(135deg, rgba(8, 145, 178, 0.2) 0%, rgba(139, 92, 246, 0.2) 100%);
  border: 1px solid rgba(139, 92, 246, 0.3);
  color: #ffffff;
}

/* 대시보드 박스 */
.dashboard-box {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.dashboard-box:hover {
  border-color: rgba(255, 255, 255, 0.08);
}

/* 코인 카드 */
.coin-card {
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.coin-card:hover {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(139, 92, 246, 0.3);
}

/* 입력 필드 */
input[type="text"],
input[type="number"],
select {
  background: rgba(255, 255, 255, 0.05); /* 원래 어두운 배경 유지 */
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #e4e4e7; /* 밝은 텍스트 */
}

/* 드롭다운 옵션 스타일 - 이 부분만 잘 보이게 */
select option,
select optgroup {
  background: white !important; /* 옵션은 흰 배경 */
  color: #1a1a1a !important; /* 옵션은 어두운 텍스트 */
  padding: 8px;
}

select option:hover,
select option:checked {
  background: #f0f0f0 !important;
  color: #1a1a1a !important;
}

input[type="text"]:focus,
input[type="number"]:focus,
select:focus {
  outline: none;
  border-color: rgba(139, 92, 246, 0.5);
  background: rgba(255, 255, 255, 0.08);
}

/* 체크박스 스타일 */
input[type="checkbox"] {
  accent-color: #8b5cf6;
}

/* 테이블 */
thead {
  background: rgba(255, 255, 255, 0.02);
}

tbody tr:hover {
  background: rgba(255, 255, 255, 0.03);
}

/* 스크롤바 스타일링 */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.02);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.15);
}

/* 선택 텍스트 */
::selection {
  background: rgba(139, 92, 246, 0.3);
  color: #ffffff;
}

::-moz-selection {
  background: rgba(139, 92, 246, 0.3);
  color: #ffffff;
}