*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #F8FAFF;--bg-card: #FFFFFF;--bg-muted: #F1F5FD;--border: #E2E8F4;--accent: #1A56DB;--accent2: #0EA5E9;--green: #10B981;--amber: #F59E0B;--red: #EF4444;--text: #0F172A;--sub: #64748B;--faint: #CBD5E1;--grad: linear-gradient(135deg, #1A56DB 0%, #0EA5E9 100%);--shadow: 0 1px 3px rgba(0,0,0,.08), 0 4px 16px rgba(0,0,0,.06);--shadow-lg: 0 8px 32px rgba(0,0,0,.12);--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif;--sidebar: 220px;--header: 64px}html,body{height:100%;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}#root{height:100%}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none}input,textarea,select{font-family:var(--font-body);outline:none}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg-muted)}::-webkit-scrollbar-thumb{background:var(--faint);border-radius:3px}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade{animation:fadeIn .3s ease both}