*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--purple-50: #EEEDFE;--purple-100: #CECBF6;--purple-200: #AFA9EC;--purple-400: #7F77DD;--purple-600: #534AB7;--purple-800: #3C3489;--purple-900: #26215C;--sidebar-bg: #1A1730;--sidebar-border: rgba(255,255,255,.07);--sidebar-text: rgba(255,255,255,.55);--sidebar-active: rgba(255,255,255,.95);--sidebar-hover: rgba(255,255,255,.06);--sidebar-accent: #7F77DD;--bg-page: #F4F3FB;--bg-card: #FFFFFF;--bg-subtle: #F9F8FE;--text-primary: #0F0E1A;--text-secondary: #5C5A72;--text-tertiary: #9896A8;--border: rgba(83,74,183,.12);--border-medium: rgba(83,74,183,.2);--green: #1D9E75;--green-bg: #EAF3DE;--green-text: #27500A;--amber: #BA7517;--amber-bg: #FAEEDA;--amber-text: #633806;--red: #E24B4A;--red-bg: #FCEBEB;--red-text: #791F1F;--sidebar-w: 220px;--topbar-h: 56px;--radius: 10px;--radius-sm: 6px;--font-body: "DM Sans", system-ui, sans-serif;--font-mono: "DM Mono", monospace}html,body,#root{height:100%;font-family:var(--font-body);font-size:14px;color:var(--text-primary);background:var(--bg-page);-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:2px}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-up{animation:fadeUp .3s ease both}.animate-fade-in{animation:fadeIn .2s ease both}