*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--brand: #1A56DB;--brand-light:#EBF2FF;--brand-dark: #1240A8;--text-1: #0F172A;--text-2: #475569;--text-3: #94A3B8;--border: #E2E8F0;--surface: #F8FAFC;--white: #ffffff;--green: #16A34A;--green-light:#DCFCE7;--red: #DC2626;--red-light: #FEE2E2;--yellow: #D97706;--yellow-light:#FFFBEB;--yellow-border:#FCD34D;--purple: #7C3AED;--purple-light:#EDE9FE;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;font-size:14px;color:var(--text-1);background:var(--white);-webkit-font-smoothing:antialiased}body{overflow:hidden;height:100vh}#root{height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.flex-1{flex:1;min-width:0}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.h-full{height:100%}.w-full{width:100%}.chip{display:inline-flex;align-items:center;font-size:11px;font-weight:500;padding:2px 8px;border-radius:20px;white-space:nowrap;background:var(--brand-light);color:var(--brand)}.chip-warn{background:var(--yellow-light);color:var(--yellow)}.chip-green{background:var(--green-light);color:var(--green)}.chip-red{background:var(--red-light);color:var(--red)}.chip-gray{background:var(--surface);color:var(--text-2)}.chip-purple{background:var(--purple-light);color:var(--purple)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-md);font-size:13px;font-weight:600;cursor:pointer;border:none;transition:opacity .15s}.btn:hover{opacity:.85}.btn-primary{background:var(--brand);color:#fff}.btn-outline{background:#fff;color:var(--brand);border:1.5px solid var(--brand)}.btn-ghost{background:var(--surface);color:var(--text-2)}.btn-warn{background:var(--yellow-light);color:var(--yellow);border:1px solid var(--yellow-border)}.btn-danger{background:var(--red-light);color:var(--red)}.btn-sm{padding:5px 12px;font-size:12px}.btn-icon{padding:6px;border-radius:var(--radius-sm)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);background:var(--surface);border:none;cursor:pointer;color:var(--text-2)}.icon-btn:hover{background:var(--border)}.toggle{width:44px;height:24px;border-radius:12px;background:var(--border);cursor:pointer;position:relative;transition:background .2s;border:none;flex-shrink:0}.toggle.on{background:var(--brand)}.toggle-thumb{width:20px;height:20px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;transition:left .2s;box-shadow:0 1px 3px #0003}.toggle.on .toggle-thumb{left:22px}.input{width:100%;border:1px solid var(--border);border-radius:var(--radius-md);padding:8px 12px;font-size:13px;font-family:inherit;outline:none;background:var(--white);color:var(--text-1)}.input:focus{border-color:var(--brand)}.textarea{resize:none}.avatar{border-radius:50%;background:var(--brand-light);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--brand);flex-shrink:0}.section-header{font-size:11px;font-weight:600;color:var(--text-3);letter-spacing:.6px;text-transform:uppercase;padding:0 0 6px}