:root{color-scheme:light;--ink:#152c38;--muted:#61717a;--line:#dde5e8;--accent:#145c62;--bg:#f4f7f7;--surface:#ffffff;--input-bg:#ffffff;--input-border:#cbd7dc;--button-bg:#145c62;--button-ink:#ffffff;--quiet-bg:#edf2f3;--success-bg:#e0f0e8;--success-ink:#1a664a;--warning-bg:#fff0d6;--warning-ink:#805a09;--error-bg:#fff0e9;--error-border:#f0c9b4;--error-ink:#8b3f19;--focus:#8fc2c7;--shadow:#152c3804;}
:root[data-theme="dark"]{color-scheme:dark;--ink:#e5efee;--muted:#a5b8b7;--line:#2d4247;--accent:#90e0d2;--bg:#0c171b;--surface:#142126;--input-bg:#101d22;--input-border:#3b5359;--button-bg:#74d8c6;--button-ink:#092a2a;--quiet-bg:#233238;--success-bg:#16392d;--success-ink:#97e0b5;--warning-bg:#3b3019;--warning-ink:#efcc83;--error-bg:#3e2522;--error-border:#714137;--error-ink:#ffc2b0;--focus:#88e2d0;--shadow:#00000022;}
@media(prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--ink:#e5efee;--muted:#a5b8b7;--line:#2d4247;--accent:#90e0d2;--bg:#0c171b;--surface:#142126;--input-bg:#101d22;--input-border:#3b5359;--button-bg:#74d8c6;--button-ink:#092a2a;--quiet-bg:#233238;--success-bg:#16392d;--success-ink:#97e0b5;--warning-bg:#3b3019;--warning-ink:#efcc83;--error-bg:#3e2522;--error-border:#714137;--error-ink:#ffc2b0;--focus:#88e2d0;--shadow:#00000022;}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}header{max-width:1160px;margin:auto;padding:24px 32px;display:flex;justify-content:space-between;align-items:center}.brand{font-size:25px;font-weight:750;letter-spacing:-1px;text-decoration:none;color:var(--ink)}.brand span{font-size:13px;font-weight:500;letter-spacing:0;display:inline-block;margin-left:14px;color:var(--muted)}main{max-width:1160px;margin:auto;padding:24px 32px 56px}h1{font-size:clamp(30px,4vw,44px);line-height:1.16;letter-spacing:-1.4px;margin:12px 0 16px}h2{font-size:21px;line-height:1.3;margin:0 0 12px}p{color:var(--muted);margin:8px 0 18px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--accent);font-weight:750}.intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.badge{font-size:13px;padding:10px 15px;border-radius:999px;background:var(--success-bg);color:var(--success-ink);white-space:nowrap}.badge.warning{background:var(--warning-bg);color:var(--warning-ink)}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:28px;margin:0 0 22px;box-shadow:0 4px 18px var(--shadow)}.cards{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:18px}.cards .card{display:flex;flex-direction:column;gap:12px}.label{font-size:13px;color:var(--muted)}strong{font-size:21px;letter-spacing:-.4px}.small{font-size:13px;color:var(--muted);overflow-wrap:anywhere}.section-top{display:flex;justify-content:space-between;align-items:center;gap:24px}.section-top p{margin-bottom:8px}.buttons{display:flex;gap:10px;flex-wrap:wrap;align-items:center}button,.button{display:inline-block;border:0;background:var(--button-bg);color:var(--button-ink);padding:12px 18px;border-radius:9px;font:inherit;font-size:14px;font-weight:650;text-decoration:none;cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}.quiet{background:var(--quiet-bg);color:var(--ink)}label{font-size:13px;font-weight:600;display:block}input,select{display:block;font:inherit;font-size:15px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;padding:11px 12px;width:100%;margin:6px 0 16px;color:var(--ink)}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.inline{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:18px 0}.inline label{min-width:100px}.inline select{flex:1;min-width:240px;margin:0}.fields{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin:22px 0}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;font-size:12px;color:var(--muted);font-weight:600}td,th{padding:14px 12px;border-bottom:1px solid var(--line);white-space:nowrap}td:first-child,th:first-child{padding-left:0}footer{padding:24px;text-align:center;font-size:12px;color:var(--muted)}.footer-note{font-size:13px;margin:28px 4px 0}.login{max-width:490px;margin:50px auto;padding:40px}.login button{width:100%}.login .small{margin-top:20px}.error{padding:16px 20px;background:var(--error-bg);border:1px solid var(--error-border);border-radius:10px;color:var(--error-ink);margin-bottom:22px;font-size:14px}.hidden{display:none!important}@media(max-width:800px){.intro,.section-top{align-items:flex-start;flex-direction:column}.cards{grid-template-columns:1fr}.fields{grid-template-columns:repeat(2,1fr)}header{padding:20px}main{padding:16px 20px 40px}.card{padding:22px}.badge{white-space:normal}.inline select{min-width:100%}.login{margin:20px auto;padding:28px}.brand span{margin-left:10px}}@media(max-width:400px){.fields{grid-template-columns:1fr}.buttons button{width:100%}}
.restore-fields{grid-template-columns:1.2fr 1fr 1fr}.check{display:flex;gap:10px;align-items:center;margin:14px 0 20px}.check input{width:18px;margin:0}.restore-fields select{min-width:0}details{margin-top:20px}summary{cursor:pointer;font-weight:600;color:var(--accent)}@media(max-width:800px){.restore-fields{grid-template-columns:1fr}}

header{gap:16px;flex-wrap:wrap}.header-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.header-actions form{margin:0}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px}.theme-toggle[hidden]{display:none}.theme-toggle svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.theme-sun{display:none}:root[data-theme="dark"] .theme-sun{display:block}:root[data-theme="dark"] .theme-moon{display:none}input[type="file"]::file-selector-button{background:var(--quiet-bg);color:var(--ink);border:1px solid var(--line);border-radius:5px;padding:5px 8px;margin-right:8px;font:inherit}
.auth-card{max-width:540px}.auth-qr{margin:24px auto 16px;width:fit-content;max-width:100%;line-height:0;background:#fff;border-radius:12px;padding:12px}.auth-qr canvas{display:block;max-width:100%;height:auto}.auth-card details{margin:16px 0 24px}.setup-key{display:block;overflow-wrap:anywhere;margin:12px 0 20px;font-size:16px;color:var(--ink)}.recovery-codes{display:grid;gap:10px;margin:24px 0;padding:16px;background:var(--input-bg);border:1px solid var(--line);border-radius:10px}.recovery-codes code{font-size:14px;overflow-wrap:anywhere;letter-spacing:.2px}.auth-card .check{align-items:flex-start;line-height:1.5}.auth-card .check input{flex:0 0 18px;margin-top:3px}.auth-card #code{font-variant-numeric:tabular-nums}
