*,:before,:after{box-sizing:border-box}:root{--bg:#080b10;--surface:#0d1117;--surface-2:#131920;--surface-3:#1a2130;--border:#ffffff12;--border-2:#ffffff1f;--text:#e8edf5;--text-2:#8892a4;--text-3:#4a5568;--accent:#3b82f6;--accent-dim:#3b82f626;--accent-glow:#3b82f659;--green:#22c55e;--green-dim:#22c55e1f;--amber:#f59e0b;--amber-dim:#f59e0b1f;--red:#ef4444;--red-dim:#ef44441f;--purple:#a855f7;--purple-dim:#a855f71f;--jwt-key:#7dd3fc;--jwt-string:#86efac;--jwt-number:#fbbf24;--jwt-bool:#c084fc;--jwt-null:#f87171}html,body{background:var(--bg);min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;font-size:14px;line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.muted{color:var(--text-2)}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.badge{letter-spacing:.03em;text-transform:uppercase;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-green{background:var(--green-dim);color:var(--green);border:1px solid #22c55e40}.badge-blue{background:var(--accent-dim);color:var(--accent);border:1px solid #3b82f640}.badge-amber{background:var(--amber-dim);color:var(--amber);border:1px solid #f59e0b40}.badge-purple{background:var(--purple-dim);color:var(--purple);border:1px solid #a855f740}.badge-red{background:var(--red-dim);color:var(--red);border:1px solid #ef444440}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;padding:.5rem 1rem;font-size:13px;font-weight:500;transition:background .15s,opacity .15s,transform .1s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#2563eb}.btn-ghost{background:var(--surface-3);color:var(--text);border:1px solid var(--border-2)}.btn-ghost:hover{background:var(--surface-2);border-color:#fff3}.btn-danger{background:var(--red-dim);color:var(--red);border:1px solid #ef444440}.btn-danger:hover{background:#ef444433}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--text-2);letter-spacing:.03em;text-transform:uppercase;font-size:12px;font-weight:500}.field input{background:var(--bg);border:1px solid var(--border-2);color:var(--text);border-radius:8px;outline:none;width:100%;padding:.55rem .75rem;font-size:14px;transition:border-color .15s,box-shadow .15s}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.progress-track{background:var(--surface-3);border-radius:99px;width:100%;height:4px;overflow:hidden}.progress-fill{border-radius:99px;height:100%;transition:width 1s linear,background .5s}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:99px}