*,: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:#fff;--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;color:var(--text-1);background:var(--white);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;font-size:14px}html{height:100%}body{height:100dvh;overflow:hidden}#root{flex-direction:column;height:100dvh;display:flex}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.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{white-space:nowrap;background:var(--brand-light);color:var(--brand);border-radius:20px;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.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{border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:opacity .15s;display:inline-flex}.btn:hover{opacity:.85}.btn-primary{background:var(--brand);color:#fff}.btn-outline{color:var(--brand);border:1.5px solid var(--brand);background:#fff}.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{border-radius:var(--radius-sm);padding:6px}.icon-btn{border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;width:32px;height:32px;color:var(--text-2);border:none;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--border)}.toggle{background:var(--border);cursor:pointer;border:none;border-radius:12px;flex-shrink:0;width:44px;height:24px;transition:background .2s;position:relative}.toggle.on{background:var(--brand)}.toggle-thumb{background:#fff;border-radius:50%;width:20px;height:20px;transition:left .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.toggle.on .toggle-thumb{left:22px}.input{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--white);width:100%;color:var(--text-1);outline:none;padding:8px 12px;font-family:inherit;font-size:16px}.input:focus{border-color:var(--brand)}.textarea{resize:none}input[type=date],input[type=datetime-local],input[type=time]{appearance:none;width:100%;min-width:0;max-width:100%;display:block}input,select,textarea{font-size:16px}.avatar{background:var(--brand-light);color:var(--brand);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.section-header{color:var(--text-3);letter-spacing:.6px;text-transform:uppercase;padding:0 0 6px;font-size:11px;font-weight:600}