:root{--navy-900:#2563eb;--navy-700:#3b82f6;--navy-600:#60a5fa;--gold-500:#f59e0b;--gold-400:#fbbf24;--gold-100:#fff7e6;--bg:#f7f8fa;--surface:#fff;--surface-2:#f3f4f6;--surface-3:#e9eaee;--border:#e5e7eb;--text:#111827;--text-muted:#6b7280;--text-faint:#9ca3af;--success:#16a34a;--success-bg:#dcfce7;--danger:#ef4444;--danger-bg:#fee2e2;--warning:#d97706;--warning-bg:#fef3c7;--chip-blue-bg:#eff6ff;--chip-blue-fg:#2563eb;--chip-purple-bg:#f5f3ff;--chip-purple-fg:#7c3aed;--chip-orange-bg:#fff7ed;--chip-orange-fg:#ea580c;--chip-green-bg:#f0fdf4;--chip-green-fg:#16a34a;--shadow-sm:0 1px 2px #1018280f;--shadow-md:0 4px 16px #10182814;--shadow-lg:0 20px 48px #10182824;--radius-s:10px;--radius-m:14px;--radius-l:20px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,system-ui,sans-serif}button,input{font-family:inherit}a{color:var(--navy-900);text-decoration:none}a:hover{text-decoration:underline}.app{min-height:100vh;display:flex}aside{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex:none;width:250px;padding:24px 16px;display:flex}.brand{align-items:center;gap:11px;padding:4px 8px 24px;display:flex}.brand .glyph{background:linear-gradient(155deg,var(--gold-400),var(--gold-500));color:#fff;border-radius:11px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-family:Sora;font-size:16px;font-weight:800;display:flex;box-shadow:0 4px 10px #f59e0b4d}.brand .word{letter-spacing:.3px;color:var(--text);font-family:Sora;font-size:16px;font-weight:800;line-height:1.2}.brand .word small{letter-spacing:1.2px;color:var(--gold-500);text-transform:uppercase;margin-top:2px;font-family:Inter;font-size:10px;font-weight:600;display:block}nav{flex-direction:column;gap:2px;display:flex}nav button{text-align:left;border-radius:var(--radius-s);color:var(--text-muted);cursor:pointer;text-transform:capitalize;background:0 0;border:0;align-items:center;gap:10px;padding:10px 12px;font-family:Inter;font-size:13.5px;font-weight:600;display:flex}nav button:hover{background:var(--surface-2);color:var(--text)}nav button.on{background:var(--gold-100);color:var(--gold-500);font-weight:700}.sidebar-foot{color:var(--text-faint);margin-top:auto;padding:12px 8px;font-size:11px;line-height:1.5}main{flex:1;min-width:0;padding:28px 34px}header.topbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:26px;display:flex}header.topbar h2{letter-spacing:.2px;margin:0;font-family:Sora;font-size:23px;font-weight:800}header.topbar .sub{color:var(--text-muted);margin-top:3px;font-size:13px}.token-field{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-s);box-shadow:var(--shadow-sm);align-items:center;gap:8px;padding:6px 6px 6px 14px;display:flex}.token-field label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;font-size:11px;font-weight:700}.token-field input{color:var(--text);background:0 0;border:0;outline:none;width:170px;padding:6px 4px;font-family:JetBrains Mono;font-size:13px}.grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=900px){.grid{grid-template-columns:repeat(2,1fr)}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-m);box-shadow:var(--shadow-sm);padding:18px 20px;position:relative}.card .chip{border-radius:11px;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:12px;font-size:17px;display:flex}.card:nth-child(4n+1) .chip{background:var(--chip-blue-bg);color:var(--chip-blue-fg)}.card:nth-child(4n+2) .chip{background:var(--chip-purple-bg);color:var(--chip-purple-fg)}.card:nth-child(4n+3) .chip{background:var(--chip-orange-bg);color:var(--chip-orange-fg)}.card:nth-child(4n+4) .chip{background:var(--chip-green-bg);color:var(--chip-green-fg)}.card small{color:var(--text-muted);font-size:12.5px;font-weight:600;display:block}.card strong{letter-spacing:.2px;margin-top:10px;font-family:Sora;font-size:24px;font-weight:800;display:block}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-m);box-shadow:var(--shadow-sm);margin-top:18px;padding:22px 24px}.panel h3{margin:0 0 4px;font-family:Sora;font-size:16px;font-weight:800}.panel>p{color:var(--text-muted);max-width:60ch;margin:6px 0 0;font-size:13.5px;line-height:1.6}.row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;padding:16px 4px;display:flex}.row:last-of-type{border-bottom:0}.row b{font-family:Sora;font-size:14px;font-weight:700}.row small{color:var(--text-muted);margin-top:3px;font-size:12px;display:block}.row .actions{flex:none;gap:8px;display:flex}.actions button{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius-s);cursor:pointer;box-shadow:var(--shadow-sm);padding:8px 14px;font-size:12.5px;font-weight:700;transition:box-shadow .12s,border-color .12s}.actions button:hover{box-shadow:var(--shadow-md);border-color:var(--navy-600)}.actions button.danger{color:var(--danger)}.actions button.enabled{background:var(--chip-green-bg);color:var(--chip-green-fg);border-color:#0000}.badge{border-radius:999px;align-items:center;gap:5px;padding:4px 11px;font-size:11.5px;font-weight:700;display:inline-flex}.badge.good{background:var(--success-bg);color:var(--success)}.badge.muted{background:var(--surface-2);color:var(--text-muted)}pre{white-space:pre-wrap;color:var(--text-muted);background:var(--surface-2);border-radius:var(--radius-s);margin-top:14px;padding:12px 14px;font-family:JetBrains Mono;font-size:12px}.sec-list{flex-direction:column;gap:10px;margin:16px 0 0;padding:0;list-style:none;display:flex}.sec-list li{color:var(--text);background:var(--surface-2);border-radius:var(--radius-s);align-items:flex-start;gap:10px;padding:12px 14px;font-size:13.5px;display:flex}.sec-list li:before{content:"✓";background:var(--chip-green-bg);width:20px;height:20px;color:var(--chip-green-fg);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:flex}.mode-tag{background:var(--chip-orange-bg);color:var(--chip-orange-fg);border-radius:6px;padding:3px 9px;font-family:JetBrains Mono;font-size:11px;font-weight:700}
