:root{--c-bg: #0a0b0d;--c-surface: #111318;--c-surface-2: #181c24;--c-surface-3: #1f2430;--c-border: #252b38;--c-border-2: #2e3547;--c-teal: #00e5cc;--c-teal-dim: #00b8a3;--c-teal-glow: rgba(0, 229, 204, .12);--c-teal-glow-2: rgba(0, 229, 204, .06);--c-amber: #f59e0b;--c-amber-dim: #d97706;--c-amber-glow: rgba(245, 158, 11, .12);--c-red: #f43f5e;--c-red-glow: rgba(244, 63, 94, .12);--c-green: #22d3a0;--c-green-glow: rgba(34, 211, 160, .12);--c-blue: #3b82f6;--c-violet: #8b5cf6;--c-text: #e2e8f2;--c-text-2: #8892a4;--c-text-3: #4a5568;--c-text-inv: #0a0b0d;--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--sidebar-w: 240px;--header-h: 56px;--t-fast: .12s ease;--t-base: .2s ease;--t-slow: .35s cubic-bezier(.16, 1, .3, 1)}html.light{--c-bg: #f0f4f8;--c-surface: #ffffff;--c-surface-2: #f5f7fa;--c-surface-3: #edf0f5;--c-border: #dde3ed;--c-border-2: #c9d1df;--c-text: #1a202c;--c-text-2: #4a5568;--c-text-3: #a0aec0;--c-text-inv: #ffffff;--c-teal-glow: rgba(0, 180, 160, .1);--c-teal-glow-2: rgba(0, 180, 160, .05);--c-green-glow: rgba(16, 185, 129, .1);--c-amber-glow: rgba(217, 119, 6, .1);--c-red-glow: rgba(220, 38, 38, .1)}html.light body{background:var(--c-bg);color:var(--c-text)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--c-bg);color:var(--c-text);font-family:var(--font-body);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;scrollbar-width:thin;scrollbar-color:var(--c-border-2) transparent}#app{height:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--c-border-2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--c-text-3)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.2}h1{font-size:28px}h2{font-size:22px}h3{font-size:16px}.mono{font-family:var(--font-mono);font-size:12px}a{color:var(--c-teal);text-decoration:none;transition:opacity var(--t-fast)}a:hover{opacity:.8}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-teal{0%,to{box-shadow:0 0 0 0 var(--c-teal-glow)}50%{box-shadow:0 0 0 6px #00e5cc00}}@keyframes spin{to{transform:rotate(360deg)}}.anim-fade-up{animation:fadeUp .4s cubic-bezier(.16,1,.3,1) both}.anim-fade-in{animation:fadeIn .3s ease both}.btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:7px 14px;font-family:var(--font-body);font-size:13px;font-weight:500;border:1px solid transparent;cursor:pointer;transition:all var(--t-base);white-space:nowrap;-webkit-user-select:none;user-select:none;text-decoration:none}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--c-teal);color:var(--c-text-inv);border-color:var(--c-teal)}.btn-primary:hover:not(:disabled){background:var(--c-teal-dim);border-color:var(--c-teal-dim);box-shadow:0 0 20px var(--c-teal-glow)}.btn-ghost{background:transparent;color:var(--c-text-2);border-color:var(--c-border)}.btn-ghost:hover:not(:disabled){background:var(--c-surface-2);color:var(--c-text);border-color:var(--c-border-2)}.btn-danger{background:var(--c-red-glow);color:var(--c-red);border-color:#f43f5e4d}.btn-danger:hover:not(:disabled){background:#f43f5e33}.btn-sm{padding:5px 10px;font-size:12px}.btn-icon{padding:7px}.input{width:100%;background:var(--c-surface-2);border:1px solid var(--c-border);color:var(--c-text);font-family:var(--font-body);font-size:14px;padding:9px 12px;outline:none;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.input::placeholder{color:var(--c-text-3)}.input:focus{border-color:var(--c-teal);box-shadow:0 0 0 3px var(--c-teal-glow-2)}.input-label{display:block;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--c-text-2);margin-bottom:6px}.form-group{margin-bottom:var(--sp-5)}.card{background:var(--c-surface);border:1px solid var(--c-border);padding:var(--sp-6)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-family:var(--font-mono);font-weight:500;border:1px solid transparent;letter-spacing:.04em}.badge-teal{background:var(--c-teal-glow);color:var(--c-teal);border-color:#00e5cc33}.badge-amber{background:var(--c-amber-glow);color:var(--c-amber);border-color:#f59e0b33}.badge-red{background:var(--c-red-glow);color:var(--c-red);border-color:#f43f5e33}.badge-green{background:var(--c-green-glow);color:var(--c-green);border-color:#22d3a033}.badge-neutral{background:#ffffff0d;color:var(--c-text-2);border-color:var(--c-border)}.badge-violet{background:#8b5cf61f;color:var(--c-violet);border-color:#8b5cf633}.spinner{width:18px;height:18px;border:2px solid var(--c-border);border-top-color:var(--c-teal);border-radius:50%;animation:spin .7s linear infinite}.divider{border:none;border-top:1px solid var(--c-border);margin:var(--sp-4) 0}.alert{padding:var(--sp-3) var(--sp-4);border-left:3px solid;font-size:13px;margin-bottom:var(--sp-4)}.alert-error{background:var(--c-red-glow);border-color:var(--c-red);color:var(--c-red)}.alert-success{background:var(--c-green-glow);border-color:var(--c-green);color:var(--c-green)}