*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font:"Segoe UI", system-ui, -apple-system, sans-serif;--sidebar-bg:#0f172a;--sidebar-text:#94a3b8;--sidebar-text-active:#f1f5f9;--sidebar-active-bg:#3b82f626;--sidebar-accent:#3b82f6;--sidebar-width:240px;--bg:#f1f5f9;--surface:#fff;--border:#e2e8f0;--text:#334155;--text-muted:#94a3b8;--text-heading:#0f172a;--card-blue:#eff6ff;--card-green:#f0fdf4;--card-amber:#fffbeb;--card-purple:#faf5ff;--card-rose:#fff1f2;--blue:#3b82f6;--green:#22c55e;--amber:#f59e0b;--purple:#a855f7;--rose:#f43f5e;--radius:12px;--shadow:0 1px 3px #0000000f, 0 4px 16px #0000000a;--shadow-md:0 4px 6px #00000012, 0 10px 30px #0000000f}html,body,#app{width:100%;height:100%;font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:14px}#app{min-height:100vh;display:flex}a{color:inherit;text-decoration:none}button{font-family:var(--font);cursor:pointer}h1,h2,h3,h4{color:var(--text-heading);font-weight:600}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}