*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--navy:#1b1f3b;--navy2:#252a4a;--navy3:#2e3460;--bg:#f0f2f9;--card:#fff;--border:#e2e6f0;--border2:#ccd1e6;--text:#1b1f3b;--text2:#4a5080;--muted:#8890b8;--accent:#6c63ff;--accent2:#4f46e5;--green:#00b976;--green-bg:#e6f9f1;--yellow:#f59e0b;--yellow-bg:#fffbeb;--red:#e03546;--red-bg:#fef2f3;--blue:#3b82f6;--blue-bg:#eff6ff;--sidebar-w:220px;--header-h:60px;--radius:10px;--font:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif}html{font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px}body{min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.35s both fadeIn}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin;display:inline-block}@keyframes ring-fill{0%{stroke-dashoffset:283px}to{stroke-dashoffset:var(--offset)}}@keyframes bar-grow{0%{width:0}to{width:var(--w)}}