/* THEME SYSTEM */
:root, [data-theme="light"] {
  --bg: #ffffff;
  --bg2: #f8f8fa;
  --surface: #ffffff;
  --surface2: #f2f2f5;
  --border: #e8e8ec;
  --border2: #d4d4d8;
  --text: #18181b;
  --text2: #3f3f46;
  --text3: #71717a;
  --text4: #a1a1aa;
  --accent: #7c3aed;
  --accent-bg: rgba(124,58,237,0.08);
  --accent-border: rgba(124,58,237,0.2);
  --red: #dc2626;
  --red-bg: rgba(220,38,38,0.08);
  --amber: #d97706;
  --amber-bg: rgba(217,119,6,0.08);
  --blue: #2563eb;
  --blue-bg: rgba(37,99,235,0.08);
  --green: #16a34a;
  --green-bg: rgba(22,163,74,0.08);
  --radius: 10px;
  --radius-sm: 6px;
}
[data-theme="dark"] {
  --bg: #09090b;
  --bg2: #09090b;
  --surface: #111113;
  --surface2: #1a1a1e;
  --border: #222226;
  --border2: #2e2e33;
  --text: #ededef;
  --text2: #b4b4bb;
  --text3: #71717a;
  --text4: #3f3f46;
  --accent: #8b5cf6;
  --accent-bg: rgba(139,92,246,0.1);
  --accent-border: rgba(139,92,246,0.25);
  --red: #ef4444;
  --red-bg: rgba(239,68,68,0.1);
  --amber: #f59e0b;
  --amber-bg: rgba(245,158,11,0.1);
  --blue: #3b82f6;
  --blue-bg: rgba(59,130,246,0.1);
  --green: #22c55e;
  --green-bg: rgba(34,197,94,0.1);
}

*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Lexend',-apple-system,sans-serif;background:var(--bg2);color:var(--text);min-height:100vh;min-height:100dvh;font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden}