*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--red: #CC0001;--red-dark: #a80001;--red-light: #fff0f0;--red-mid: #ffe0e0;--red-border: rgba(204,0,1,.2);--sidebar-bg: #1a1d23;--sidebar-hover: #252930;--sidebar-active: #CC0001;--sidebar-text: #c9cdd6;--sidebar-text-dim: #6b7280;--sidebar-border: rgba(255,255,255,.07);--bg: #f5f6f8;--bg-card: #ffffff;--bg-2: #f0f2f5;--bg-3: #e8eaee;--bg-hover: #f5f7fa;--border: #e4e6ea;--border-med: #d1d5db;--text-1: #0f1623;--text-2: #4b5568;--text-3: #9aa3b2;--topbar-bg: #ffffff;--topbar-border: #e4e6ea;--green: #16a34a;--green-bg: #f0fdf4;--green-border: #bbf7d0;--red-neg: #dc2626;--red-neg-bg: #fef2f2;--red-neg-border: #fecaca;--amber: #d97706;--amber-bg: #fffbeb;--amber-border: #fde68a;--blue: #2563eb;--blue-bg: #eff6ff;--blue-border: #bfdbfe;--font: "DM Sans", sans-serif;--mono: "DM Mono", monospace;--radius: 10px;--radius-lg: 14px;--shadow: 0 4px 20px rgba(0,0,0,.08);--shadow-sm: 0 1px 4px rgba(0,0,0,.06);--shadow-md: 0 8px 32px rgba(0,0,0,.12)}html,body,#root{height:100%;font-family:var(--font);background:var(--bg);color:var(--text-1);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#00000040}.sidebar-scroll::-webkit-scrollbar-thumb{background:#ffffff1a}.sidebar-scroll::-webkit-scrollbar-thumb:hover{background:#fff3}button{font-family:var(--font);cursor:pointer;border:none;background:none;color:inherit}input,textarea{font-family:var(--font)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes typing-dot{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.fade-in{animation:fadeIn .3s ease forwards}.fade-in-scale{animation:fadeInScale .25s ease forwards}