*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--accent:#7c3aed;--accent-h:#6d28d9;--accent-gl:#7c3aed14;--blue:#2563eb;--blue-gl:#2563eb14;--warn:#d97706;--danger:#dc2626;--bg1:#f3f4f6;--bg2:#fff;--bg3:#f3f4f6;--border:#e5e7eb;--t1:#111827;--t2:#6b7280;--t3:#9ca3af;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", ui-monospace, monospace;--r:8px;--rl:12px;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 16px #0000001a;--shadow-lg:0 8px 32px #00000024}html,body,#app{height:100%;font-family:var(--font-body);background:var(--bg1);color:var(--t1);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.6}.btn{border-radius:var(--r);font-family:var(--font-body);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:9px 18px;font-size:.84rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-h)}.btn-secondary{color:var(--t1);border:1px solid var(--border);background:#fff}.btn-secondary:hover{background:var(--bg3)}.btn-danger{color:var(--danger);border:1px solid var(--danger);background:0 0}.btn-danger:hover{background:#dc262614}.btn:disabled{opacity:.5;cursor:not-allowed}.form-group{margin-bottom:16px}.form-group label{color:var(--t2);letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px;font-size:.78rem;font-weight:600;display:block}.form-control{border:1px solid var(--border);border-radius:var(--r);width:100%;color:var(--t1);font-family:var(--font-body);background:#fff;outline:none;padding:10px 12px;font-size:.9rem;transition:border-color .15s}.form-control:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7c3aed1f}.form-control::placeholder{color:var(--t3)}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--rl);padding:20px}.badge{border-radius:20px;align-items:center;gap:4px;padding:3px 9px;font-size:.72rem;font-weight:600;display:inline-flex}.badge-green{color:#065f46;background:#d1fae5}.badge-yellow{color:#92400e;background:#fef3c7}.badge-red{color:#991b1b;background:#fee2e2}.badge-gray{color:var(--t2);background:#f3f4f6}.badge-purple{color:var(--accent);background:#7c3aed1f}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.text-sm{font-size:.82rem}.text-xs{font-size:.74rem}.text-muted{color:var(--t2)}.font-mono{font-family:var(--font-mono)}.font-bold{font-weight:700}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.w-full{width:100%}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.error-msg{border-radius:var(--r);color:#991b1b;background:#fee2e2;border:1px solid #fecaca;margin-bottom:16px;padding:10px 14px;font-size:.84rem}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg1)}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}