:root{--brand: #0A5FFF;--brand-light: #3D7FFF;--brand-dim: rgba(10, 95, 255, .08);--brand-dim2: rgba(10, 95, 255, .15);--bg: #F6F8FB;--bg-card: #FFFFFF;--bg-sidebar: #0F1923;--bg-sidebar-hover: rgba(255,255,255,.07);--bg-sidebar-active: rgba(10, 95, 255, .2);--text-primary: #0D1117;--text-secondary: #5A6475;--text-muted: #9BA3B0;--text-on-brand: #FFFFFF;--text-sidebar: rgba(255,255,255,.75);--text-sidebar-active: #FFFFFF;--border: #E4E8EF;--border-focus: var(--brand);--green: #16A34A;--green-bg: #F0FDF4;--red: #DC2626;--red-bg: #FEF2F2;--amber: #D97706;--amber-bg: #FFFBEB;--blue: #0A5FFF;--blue-bg: #EFF5FF;--purple: #7C3AED;--purple-bg: #F5F3FF;--shadow-xs: 0 1px 2px rgba(0,0,0,.05);--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 10px 30px rgba(0,0,0,.1), 0 4px 8px rgba(0,0,0,.05);--sidebar-width: 230px;--topbar-height: 60px;--radius: 10px;--radius-sm: 6px;--radius-lg: 14px;--font-sans: "DM Sans", "Noto Sans SC", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:15px;height:100%}body{font-family:var(--font-sans);background:var(--bg);color:var(--text-primary);line-height:1.55;-webkit-font-smoothing:antialiased;height:100%}#root{height:100%;display:flex;flex-direction:column}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}button{font-family:inherit;cursor:pointer;border:none;outline:none;background:none}input,textarea,select{font-family:inherit;outline:none}a{text-decoration:none;color:inherit}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.fade-in{animation:fadeIn .25s ease forwards}@media(max-width:768px){:root{--sidebar-width: 0px;--topbar-height: 56px}}