.header-account{margin-left:auto;display:flex;align-items:center;gap:14px}.header-account>div{text-align:right}.header-account strong,.header-account span{display:block}.header-account strong{font-size:12px}.header-account span{font-size:10.5px;color:var(--faint);margin-top:2px}.header-account form{margin:0}.btn-small{min-height:30px;padding:5px 9px;font-size:11.5px}.btn{cursor:pointer}
.auth-body{min-height:100vh;background:radial-gradient(circle at 50% 0,#fff 0,#f0f2f5 45%,#e8ebef 100%);display:grid;place-items:center;padding:28px}.auth-shell{width:min(100%,500px)}.auth-brand{display:flex;align-items:center;gap:12px;margin:0 0 16px}.auth-mark{width:40px;height:40px;border-radius:10px;background:#0f151d;color:#fff;display:grid;place-items:center;font-weight:700}.auth-brand strong,.auth-brand span{display:block}.auth-brand strong{font-size:15px}.auth-brand span{font-size:11px;color:var(--muted);margin-top:2px}.auth-card{background:#fff;border:1px solid #dfe3e8;border-radius:12px;box-shadow:0 18px 55px rgba(15,21,29,.1);padding:28px}
.auth-head{margin-bottom:22px}.auth-head .eyebrow{display:block;text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:700;color:var(--interactive);margin-bottom:8px}.auth-head h1{font-size:24px;line-height:1.2;margin:0 0 9px;letter-spacing:-.025em}.auth-head p{font-size:13px;line-height:1.6;color:var(--muted);margin:0}.auth-form{display:grid;gap:15px}.auth-form.compact{margin-top:18px}.auth-form label{font-size:12px;font-weight:600}.auth-form input{display:block;width:100%;height:42px;margin-top:6px;border:1px solid #cbd2da;border-radius:6px;padding:0 11px;font:inherit;background:#fff}.auth-form input[readonly]{background:#f5f7f9;color:#5b6570}.auth-submit{width:100%;min-height:42px;margin-top:2px}
.auth-note,.auth-footer{font-size:11px;color:var(--faint);text-align:center;line-height:1.5}.auth-note{margin:16px 0 0}.auth-footer{margin:15px 20px 0}.auth-alert{border-left:3px solid var(--critical);background:#fff1f1;color:#8f2525;padding:10px 12px;border-radius:5px;margin:0 0 17px;font-size:12px;line-height:1.5}.auth-alert.warning{border-left-color:var(--high);background:#fff7ec;color:#86500e;margin-top:18px}.auth-alert.success{border-left-color:#20814c;background:#ebf8f0;color:#1c633d}.auth-requirements{font-size:11px;line-height:1.55;color:var(--muted);background:#f6f7f9;border-radius:6px;padding:10px 11px}
.totp-setup{display:grid;grid-template-columns:205px minmax(0,1fr);gap:14px;align-items:stretch;margin-bottom:12px}.totp-qr{min-height:205px;display:grid;place-items:center;border:1px solid var(--border);border-radius:7px;background:#fff;color:var(--faint);font-size:11px;overflow:hidden}.totp-qr img{display:block;width:205px;height:205px}.secret-panel{display:grid;align-content:start;gap:5px;background:#f5f7f9;border:1px solid var(--border);border-radius:7px;padding:14px;margin:0}.secret-panel span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--faint);margin-top:6px}.secret-panel span:first-child{margin-top:0}.secret-panel code,.auth-uri code{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.secret-panel code{letter-spacing:.035em;line-height:1.6}.copy-secret{justify-self:start;margin:3px 0 2px}.auth-hint{margin:0 0 12px;font-size:11px;line-height:1.5;color:var(--muted)}.auth-uri{font-size:11px;color:var(--muted)}.auth-uri code{display:block;background:#0f151d;color:#d7deea;padding:10px;border-radius:5px;margin-top:8px}.rotate-secret-form{display:grid;gap:5px;margin:13px 0 2px;padding-top:12px;border-top:1px solid var(--border)}.rotate-secret-form .btn{justify-self:start}.rotate-secret-form small{font-size:10.5px;line-height:1.45;color:var(--faint)}.recovery-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.recovery-grid code{background:#f3f5f7;border:1px solid var(--border);border-radius:5px;padding:9px;text-align:center;font-size:12px}.auth-form input:focus{outline:2px solid var(--interactive);outline-offset:2px}
@media(max-width:767px){.header-account>div{display:none}.auth-body{padding:15px}.auth-card{padding:21px}.totp-setup{grid-template-columns:1fr}.totp-qr{justify-self:center;width:207px}.recovery-grid{grid-template-columns:1fr}}