:root {
  --bg: #0a0c10;
  --surface: #12141c;
  --surface2: #1a1d28;
  --surface3: #222638;
  --border: #252838;
  --border2: #353a52;
  --text: #e8eaf6;
  --text2: #c5c9e0;
  --muted: #6b7394;
  --accent: #6c8cff;
  --accent2: #38d9a9;
  --green: #06d6a0;
  --green2: #2a9d8f;
  --red: #d62828;
  --red2: #e76f51;
  --yellow: #e9c46a;
  --orange: #f4a261;
  --pink: #f72585;
  --cyan: #4cc9f0;
  --perf-neg2: #b91c1c;
  --perf-neg1: #dc2626;
  --perf-neg05: #7f1d1d;
  --perf-zero: #1a1d28;
  --perf-pos05: #064e3b;
  --perf-pos1: #059669;
  --perf-pos2: #06d6a0;
  --layer-options: #f72585;
  --layer-earnings: #4cc9f0;
  --layer-insiders: #f4a261;
  --sidebar-width: 260px;
  --detail-width: 380px;
  --radius: 6px;
  --radius-lg: 10px;
}

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

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background: var(--bg);
  color: var(--text);
  overflow: hidden;
  height: 100vh;
  width: 100vw;
}