:root {
  --base: #050b14;
  --surface: #0b1220;
  --surface-2: #0f172a;
  --border: #233042;
  --text: #e5e7eb;
  --muted: #9ca3af;
  --accent: #fbbf24;
  --accent-2: #f59e0b;
  --ring: rgba(251, 191, 36, 0.35);
}

html, body {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  background: radial-gradient(1200px 600px at 20% -10%, rgba(251, 191, 36, 0.12), transparent 55%),
              radial-gradient(900px 500px at 90% 0%, rgba(59, 130, 246, 0.12), transparent 50%),
              var(--base);
  color: var(--text);
}

a { color: var(--text); }
a:hover { color: var(--accent); }

.bg-gray-100 { background-color: transparent !important; }
.bg-gray-50 { background-color: transparent !important; }
.bg-white { background-color: var(--surface) !important; }

.text-gray-900,
.text-gray-800,
.text-gray-700 { color: var(--text) !important; }

.text-gray-600,
.text-gray-500,
.text-gray-400 { color: var(--muted) !important; }

.border-gray-200,
.border-gray-100 { border-color: var(--border) !important; }

.bg-blue-600,
.bg-indigo-600 { background-color: var(--accent) !important; }

.hover\:bg-blue-700:hover,
.hover\:bg-indigo-700:hover { background-color: var(--accent-2) !important; }

.bg-blue-600.text-white,
.bg-indigo-600.text-white { color: #111827 !important; }

.hover\:bg-blue-700.text-white:hover,
.hover\:bg-indigo-700.text-white:hover { color: #111827 !important; }

input, select, textarea {
  background-color: var(--surface-2) !important;
  border-color: var(--border) !important;
  color: var(--text) !important;
}

input::placeholder,
textarea::placeholder { color: rgba(156, 163, 175, 0.9) !important; }

input:focus, select:focus, textarea:focus {
  outline: none !important;
  box-shadow: 0 0 0 3px var(--ring) !important;
  border-color: rgba(251, 191, 36, 0.65) !important;
}

table { color: var(--text) !important; }
thead th { background-color: rgba(15, 23, 42, 0.65) !important; }
tbody tr:hover { background-color: rgba(251, 191, 36, 0.06) !important; }

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: rgba(15, 23, 42, 0.6); }
::-webkit-scrollbar-thumb { background: rgba(148, 163, 184, 0.35); border-radius: 9999px; }
::-webkit-scrollbar-thumb:hover { background: rgba(148, 163, 184, 0.55); }

.dataTables_wrapper,
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
  color: var(--text) !important;
}

.dataTables_wrapper .dataTables_filter label,
.dataTables_wrapper .dataTables_length label {
  color: var(--text) !important;
  font-weight: 600;
}

.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select {
  background-color: var(--surface-2) !important;
  border: 1px solid var(--border) !important;
  color: var(--text) !important;
  border-radius: 10px;
  padding: 8px 12px;
}

.dataTables_wrapper .dataTables_filter input {
  margin-left: 10px;
  width: min(320px, 100%);
}

.dataTables_wrapper .dataTables_length select {
  margin: 0 10px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  color: var(--text) !important;
  border: 1px solid var(--border) !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border-radius: 10px;
  margin: 0 3px;
  padding: 6px 12px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background: var(--accent) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  color: #111827 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
  opacity: 0.5;
  cursor: not-allowed !important;
}