/* ===== RESET & CUSTOM PROPERTIES ===== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --sidebar-w:260px;--sidebar-collapsed:68px;--header-h:56px;
  --bg:#f1f5f9;--card:#fff;--border:#e2e8f0;--text:#0f172a;--text2:#475569;--text3:#94a3b8;
  --accent:#6366f1;--accent2:#818cf8;--accent-bg:#eef2ff;
  --green:#10b981;--green-bg:#ecfdf5;--red:#ef4444;--red-bg:#fef2f2;
  --amber:#f59e0b;--amber-bg:#fffbeb;--blue:#3b82f6;--blue-bg:#eff6ff;
  --sidebar-bg:#0f172a;--sidebar-text:#94a3b8;--sidebar-hover:#1e293b;--sidebar-active:#6366f1;
  --radius:12px;--radius-sm:8px;--shadow:0 1px 3px rgba(0,0,0,.08);--shadow-lg:0 4px 12px rgba(0,0,0,.1);
  --font:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --glass-bg:rgba(255,255,255,.65);--glass-border:rgba(255,255,255,.35);--glass-blur:12px;
  --glass-shadow:0 4px 16px rgba(99,102,241,.06);--glass-shadow-lg:0 8px 32px rgba(99,102,241,.12);
  --glass-glow:0 0 0 1px rgba(99,102,241,.1);--gradient-subtle:linear-gradient(135deg,rgba(99,102,241,.03),rgba(168,85,247,.03));
  --header-glass:rgba(255,255,255,.72);--sidebar-glass:rgba(15,23,42,.92);
}
[data-theme="dark"]{
  --bg:#0f172a;--card:#1e293b;--border:#334155;--text:#f1f5f9;--text2:#94a3b8;--text3:#64748b;
  --accent-bg:#1e1b4b;--green-bg:#052e16;--red-bg:#450a0a;--amber-bg:#451a03;--blue-bg:#172554;
  --shadow:0 1px 3px rgba(0,0,0,.3);--shadow-lg:0 4px 12px rgba(0,0,0,.4);
  --sidebar-bg:#020617;--sidebar-hover:#0f172a;
  --glass-bg:rgba(30,41,59,.55);--glass-border:rgba(255,255,255,.08);--glass-blur:12px;
  --glass-shadow:0 4px 16px rgba(0,0,0,.2);--glass-shadow-lg:0 8px 32px rgba(99,102,241,.15);
  --glass-glow:0 0 0 1px rgba(99,102,241,.2);--gradient-subtle:linear-gradient(135deg,rgba(99,102,241,.06),rgba(168,85,247,.06));
  --header-glass:rgba(30,41,59,.72);--sidebar-glass:rgba(2,6,23,.95);
}
html{font-size:14px}
body{font-family:var(--font);background:var(--bg);color:var(--text);display:flex;height:100vh;overflow:hidden}
@media(max-width:768px){body{height:auto;min-height:100vh;min-height:100dvh;overflow:visible}}
a{color:var(--accent);text-decoration:none}

/* ===== UTILITY CLASSES ===== */
.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}
.mb-4{margin-bottom:4px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}
.text-sm{font-size:12px}.text-muted{color:var(--text3)}.text-accent{color:var(--accent)}.font-semibold{font-weight:600}