:root{--bg:#0e1014;--bg-raised:#171a21;--bg-input:#10131a;--surface:#1c2029;--surface-hover:#232833;--border:#2a3040;--border-strong:#3a4256;--text:#e8eaf0;--text-dim:#a0a7b8;--text-faint:#6f778c;--accent:#5b8dff;--accent-hover:#6f9bff;--accent-contrast:#0b1020;--danger:#ff5c6c;--danger-bg:#2a1418;--success:#38d39f;--warn:#f3b23c;--radius:12px;--radius-sm:8px;--shadow:0 8px 30px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{background:radial-gradient(1200px 600px at 50% -10%, #1a2032 0%, var(--bg) 60%) no-repeat, var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter var,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.5}h1,h2,h3{letter-spacing:-.015em;margin:0;font-weight:650;line-height:1.2}h1{font-size:1.7rem}h2{font-size:1.25rem}h3{font-size:1rem}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.page{max-width:1180px;margin:0 auto;padding:28px 20px 80px}.centered{place-items:center;min-height:100dvh;padding:24px;display:grid}.stack{flex-direction:column;gap:14px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.spread{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.muted{color:var(--text-dim)}.faint{color:var(--text-faint);font-size:.85rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.panel{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.auth-card{background:var(--surface);border:1px solid var(--border);width:min(420px,100%);box-shadow:var(--shadow);border-radius:16px;padding:32px}label{color:var(--text-dim);margin-bottom:6px;font-size:.85rem;font-weight:550;display:block}input[type=text],input[type=password],select{background:var(--bg-input);border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:100%;color:var(--text);font:inherit;outline:none;padding:11px 13px;transition:border-color .12s}input:focus,select:focus{border-color:var(--accent)}input::placeholder{color:var(--text-faint)}.code-input{text-align:center;letter-spacing:.35em;text-transform:uppercase;padding:16px 13px;font-size:1.7rem;font-weight:600}button,.button{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-hover);color:var(--text);font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-weight:550;text-decoration:none;transition:background .12s,border-color .12s,opacity .12s;display:inline-flex}button:hover:not(:disabled),.button:hover{background:var(--border);text-decoration:none}button:disabled{opacity:.5;cursor:not-allowed}button.primary,.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);font-weight:650}button.primary:hover:not(:disabled),.button.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}button.danger{color:var(--danger);background:var(--danger-bg);border-color:#4a2630}button.danger:hover:not(:disabled){background:#3a1b21}button.ghost{color:var(--text-dim);background:0 0;border-color:#0000}button.ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}button.small,.button.small{padding:6px 11px;font-size:.85rem}button.block{width:100%}.error{background:var(--danger-bg);color:#ffb3bb;border-radius:var(--radius-sm);border:1px solid #4a2630;padding:10px 13px;font-size:.9rem}.notice{color:#b6d4ea;border-radius:var(--radius-sm);background:#14202b;border:1px solid #24384a;padding:10px 13px;font-size:.9rem}.badge{background:var(--surface-hover);color:var(--text-dim);border:1px solid var(--border);letter-spacing:.02em;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:.75rem;font-weight:600;display:inline-flex}.badge.archived{color:var(--warn);background:#2c2413;border-color:#4a3c18}.code-chip{letter-spacing:.18em;background:var(--bg-input);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text);padding:4px 10px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-weight:650}table{border-collapse:collapse;width:100%;font-size:.9rem}th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);border-bottom:1px solid var(--border);padding:10px 14px;font-size:.75rem}td{border-bottom:1px solid var(--border);vertical-align:middle;padding:11px 14px}tr:last-child td{border-bottom:none}.empty{text-align:center;color:var(--text-faint);padding:48px 20px}.spinner{border:2px solid #ffffff40;border-top-color:currentColor;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.progress-track{background:var(--bg-input);border:1px solid var(--border);border-radius:999px;height:6px;overflow:hidden}.progress-fill{background:var(--accent);height:100%;transition:width .2s}.progress-fill.indeterminate{animation:1.2s ease-in-out infinite slide;width:35%!important}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(350%)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}