:root {
  --bg: #0f172a;
  --panel: #111827;
  --panel-2: #1f2937;
  --text: #e5e7eb;
  --muted: #9ca3af;
  --primary: #3b82f6;
  --success: #10b981;
  --danger: #ef4444;
  --warning: #f59e0b;
  --radius: 10px;
  /* Variabel tambahan untuk komponen form bertema gelap */
  --surface: var(--panel-2);
  --border: rgba(255,255,255,.12);
}

* { box-sizing: border-box; }
html, body { height: 100%; }
body {
  margin: 0;
  background: linear-gradient(180deg, var(--bg), #111);
  color: var(--text);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}
img { max-width: 100%; display: block; }
a { color: var(--text); text-decoration: none; }
.table { width: 100%; border-collapse: collapse; }
.table th, .table td { padding: 10px; border-bottom: 1px solid rgba(255,255,255,.08); }
.table thead th { color: var(--muted); text-transform: uppercase; font-size: 12px; letter-spacing: .06em; }
.table-responsive { overflow-x: auto; }
/* Penting: minta browser gunakan skema warna gelap untuk kontrol native */
color-scheme: dark;