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

:root{
  --bg:#0f0f14;--bg2:#18181f;--bg3:#1e1e27;
  --card:#18181f;--card2:#1e1e27;
  --border:rgba(255,255,255,0.09);--border2:rgba(255,255,255,0.05);
  --text:#f0f0f5;--text2:#a0a0b0;--text3:#60607a;
  --red:#e8192c;--red2:#b80f20;--red-glow:rgba(232,25,44,0.18);
  --green:#22c55e;--yellow:#eab308;--blue:#3b82f6;--orange:#f97316;
  --good-bg:rgba(34,197,94,0.11);--ok-bg:rgba(234,179,8,0.11);--bad-bg:rgba(232,25,44,0.11);
  --shadow:0 4px 24px rgba(0,0,0,0.35);
  --radius:14px;--radius-sm:9px;
}

[data-theme="light"]{
  --bg:#f0f1f5;--bg2:#e8e9ef;--bg3:#dfe0e8;
  --card:#ffffff;--card2:#f7f7fb;
  --border:rgba(0,0,0,0.08);--border2:rgba(0,0,0,0.05);
  --text:#1a1a2e;--text2:#4a4a6a;--text3:#8888aa;
  --red-glow:rgba(232,25,44,0.08);
  --good-bg:rgba(34,197,94,0.09);--ok-bg:rgba(234,179,8,0.09);--bad-bg:rgba(232,25,44,0.08);
  --shadow:0 2px 12px rgba(0,0,0,0.08);
}

body{
  font-family:"Segoe UI",system-ui,Arial,sans-serif;
  background:var(--bg);
  color:var(--text);
  min-height:100vh;
}