/* Design tokens (dark by default) */
:root{
  --bg:#090d18;
  --fg:#e5e9f1;
  --muted:#9ba7bc;
  --card:#111726;
  --card-bg:var(--card);
  --surface-soft:#151d2f;
  --border:rgba(148,163,184,.22);
  --shadow:0 14px 34px rgba(0,0,0,.36);
  --pill:#1b253a;
  --table-head:#192236;
  --table-total:#172740;
  --radius:16px;
  --gap:16px;
  --container:1240px;
}

:root[data-theme='light']{
  --bg:#f4f7fb;
  --fg:#0f172a;
  --muted:#5b6679;
  --card:#ffffff;
  --card-bg:var(--card);
  --surface-soft:#f6f9ff;
  --border:rgba(15,23,42,.10);
  --shadow:0 10px 24px rgba(15,23,42,.08);
  --pill:#eef4ff;
  --table-head:#f1f5fb;
  --table-total:#e9f2ff;
}

html,body{background:var(--bg);color:var(--fg)}
.container{max-width:var(--container);margin:0 auto}
.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px}
.stack>*+*{margin-top:var(--gap)}
.section{padding:16px 18px}

.grid-2{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--gap)}
@media (max-width: 1040px){ .grid-2{grid-template-columns:1fr} }