*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --bg: #0a0f1e;
  --surface: #111827;
  --card: #1a2332;
  --border: #1e3a5f;
  --border-light: #263a52;
  --orange: #f97316;
  --orange-dim: rgba(249,115,22,0.12);
  --orange-glow: rgba(249,115,22,0.25);
  --green: #22c55e;
  --green-dim: rgba(34,197,94,0.12);
  --blue: #38bdf8;
  --blue-dim: rgba(56,189,248,0.12);
  --red: #ef4444;
  --red-dim: rgba(239,68,68,0.12);
  --text: #f1f5f9;
  --text-muted: #64748b;
  --text-secondary: #94a3b8;
  font-size: 15px;
}

html, body, #root {
  height: 100%;
  background: var(--bg);
  color: var(--text);
  font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
  -webkit-font-smoothing: antialiased;
}

::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--surface); }
::-webkit-scrollbar-thumb { background: var(--border); border-radius: 3px; }