:root{--bg: #F0F4F8;--surface: #FFFFFF;--surface2: #F8FAFC;--border: #E2E8F0;--text-primary: #1A202C;--text-secondary: #4A5568;--text-muted: #718096;--blue: #1E40AF;--blue-light: #DBEAFE;--blue-mid: #3B82F6;--green: #065F46;--green-light: #D1FAE5;--green-mid: #10B981;--amber: #92400E;--amber-light: #FEF3C7;--amber-mid: #F59E0B;--red: #7F1D1D;--red-light: #FEE2E2;--red-mid: #EF4444;--purple: #4C1D95;--purple-light: #EDE9FE;--purple-mid: #8B5CF6;--sidebar-w: 230px;--radius: 10px;--shadow: 0 1px 3px rgba(0,0,0,.1);--shadow-md: 0 4px 6px rgba(0,0,0,.07)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text-primary);font-size:14px}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.mt8{margin-top:8px}.mt16{margin-top:16px}.mt24{margin-top:24px}.flex{display:flex}.flex-1{flex:1}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap8{gap:8px}.gap12{gap:12px}.gap16{gap:16px}.text-muted{color:var(--text-muted)}.text-sm{font-size:12px}.font-bold{font-weight:700}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}