[data-theme="dark"] {
  --bg: #1a1a2e;
  --bg-card: #16213e;
  --bg-nav: #0f3460;
  --bg-hover: #1a1a3e;
  --text: #e0e0e0;
  --text-muted: #a0a0b0;
  --border: #2a2a4a;
  --link: #64b5f6;
}

[data-theme="dark"] body {
  background: var(--bg);
  color: var(--text);
}

[data-theme="dark"] .navbar,
[data-theme="dark"] .card,
[data-theme="dark"] .card-header,
[data-theme="dark"] .card-body {
  background: var(--bg-card);
  border-color: var(--border);
  color: var(--text);
}

[data-theme="dark"] #navbar {
  background: var(--bg-nav) !important;
  border-color: var(--border) !important;
}

[data-theme="dark"] .table {
  color: var(--text);
}

[data-theme="dark"] .table-hover tbody tr:hover {
  background: var(--bg-hover);
  color: var(--text);
}

[data-theme="dark"] .table td,
[data-theme="dark"] .table th {
  border-color: var(--border);
}

[data-theme="dark"] .bg-light,
[data-theme="dark"] .bg-white {
  background: var(--bg-card) !important;
  color: var(--text);
}

[data-theme="dark"] .text-muted {
  color: var(--text-muted) !important;
}

[data-theme="dark"] .btn-outline-primary {
  color: var(--link);
  border-color: var(--link);
}

[data-theme="dark"] .btn-outline-secondary {
  color: var(--text-muted);
  border-color: var(--border);
}

[data-theme="dark"] .dropdown-menu {
  background: var(--bg-card);
  border-color: var(--border);
}

[data-theme="dark"] .dropdown-item {
  color: var(--text);
}

[data-theme="dark"] .dropdown-item:hover {
  background: var(--bg-hover);
  color: var(--text);
}

[data-theme="dark"] .modal-content {
  background: var(--bg-card);
  color: var(--text);
  border-color: var(--border);
}

[data-theme="dark"] .modal-header {
  border-color: var(--border);
}

[data-theme="dark"] .form-control {
  background: #0d1b2a;
  color: var(--text);
  border-color: var(--border);
}

[data-theme="dark"] .form-control:focus {
  background: #0d1b2a;
  color: var(--text);
}

[data-theme="dark"] .nav-tabs .nav-link {
  color: var(--text-muted);
  border-color: var(--border);
}

[data-theme="dark"] .nav-tabs .nav-link.active {
  background: var(--bg-card);
  color: var(--text);
  border-color: var(--border);
  border-bottom-color: var(--bg-card);
}

[data-theme="dark"] .custom-checkbox .custom-control-label::before {
  background: #0d1b2a;
  border-color: var(--border);
}

[data-theme="dark"] .alert-warning {
  background: #2a2a1a;
  color: #ffd54f;
  border-color: #3a3a2a;
}

[data-theme="dark"] .alert-info {
  background: #1a2a3a;
  color: #64b5f6;
  border-color: #2a3a4a;
}

[data-theme="dark"] .alert-danger {
  background: #3a1a1a;
  color: #ef9a9a;
  border-color: #4a2a2a;
}

[data-theme="dark"] .card.border-warning {
  border-color: #5a4a2a !important;
}

[data-theme="dark"] .pagination .page-link {
  background: var(--bg-card);
  color: var(--text);
  border-color: var(--border);
}

[data-theme="dark"] .pagination .page-item.active .page-link {
  background: #0f3460;
  border-color: #0f3460;
}

[data-theme="dark"] .pagination .page-item.disabled .page-link {
  background: var(--bg-card);
  color: var(--text-muted);
  border-color: var(--border);
}

[data-theme="dark"] pre, [data-theme="dark"] code {
  background: #0d1b2a;
  color: #e0e0e0;
}

[data-theme="dark"] #msg {
  background: var(--bg-card) !important;
}

[data-theme="dark"] .card.text-center.border-secondary {
  border-color: var(--border) !important;
}

[data-theme="dark"] .card-header.bg-warning {
  background: #5a4a2a !important;
  color: #ffd54f !important;
}

[data-theme="dark"] .card-header.bg-success,
[data-theme="dark"] .card-header.bg-info,
[data-theme="dark"] .card-header.bg-danger {
  color: #fff !important;
}