html.auth-locked #app-frame{filter:blur(8px);pointer-events:none;user-select:none}.auth-overlay{position:fixed;inset:0;z-index:300;background:radial-gradient(circle at 50% 12%,rgba(94,105,190,.28),transparent 38%),linear-gradient(180deg,#101226,#080914);display:grid;place-items:center;padding:18px;color:#fff}.auth-panel{width:min(440px,94vw);background:rgba(22,25,48,.97);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:20px;box-shadow:0 30px 90px rgba(0,0,0,.45)}.auth-brand{text-align:center;margin-bottom:16px}.auth-brand small{letter-spacing:4px;opacity:.6}.auth-brand h1{font-size:26px;margin:5px 0}.auth-brand p{margin:0;opacity:.7;font-size:13px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#0d1020;padding:5px;border-radius:12px;margin-bottom:14px}.auth-tabs button{border:0;border-radius:9px;padding:10px;background:transparent;color:#c8cce4;font-weight:700}.auth-tabs button.on{background:#616de8;color:#fff}.auth-body{display:grid;gap:10px}.auth-field{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#cfd3e9}.auth-field input,.auth-field select{border:1px solid rgba(255,255,255,.13);background:#0d1020;color:#fff;border-radius:10px;padding:11px 12px;outline:none}.auth-field input:focus,.auth-field select:focus{border-color:#7f89ff;box-shadow:0 0 0 3px rgba(127,137,255,.13)}.auth-primary{border:0;border-radius:11px;padding:12px;background:linear-gradient(135deg,#7882ff,#5c66db);color:#fff;font-weight:800;margin-top:4px}.auth-primary:disabled{opacity:.55}.auth-status{min-height:20px;margin:12px 0 0;color:#ffb3bd;font-size:12px;text-align:center}.auth-account-row{align-items:center}.auth-small-btn{margin-left:auto;border:0;border-radius:9px;background:#2a2f50;color:#fff;padding:8px 10px;font-weight:700}
.auth-server-row{gap:8px;flex-wrap:wrap}.auth-server-row>div{flex:1;min-width:150px}.auth-server-row select{max-width:150px;border:1px solid rgba(255,255,255,.14);background:#11152a;color:#fff;border-radius:9px;padding:8px}.auth-small-btn{white-space:nowrap}.auth-link{border:0;background:transparent;color:#aeb6ff;padding:9px;text-align:center;font-weight:700}.auth-recovery-title{margin:2px 0 0;text-align:center}.auth-recovery-note{font-size:12px;line-height:1.5;opacity:.72}.auth-recovery-code{display:block;text-align:center;font-size:17px;letter-spacing:1.5px;background:#090c18;border:1px dashed rgba(255,255,255,.24);padding:14px;border-radius:10px;user-select:all}.auth-device-overlay{position:fixed;inset:0;z-index:340;background:rgba(4,5,12,.82);display:grid;place-items:center;padding:14px}.auth-device-box{width:min(620px,95vw);max-height:84vh;overflow:auto;background:#16192f;color:#fff;border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:16px}.auth-device-box h3{margin:0 0 12px}.auth-device-list{display:grid;gap:8px;margin:10px 0}.auth-device-row{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.055);padding:10px;border-radius:10px}.auth-device-row>div{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.auth-device-row span,.auth-device-row small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auth-device-row span{font-size:12px}.auth-device-row small{font-size:11px;opacity:.6}@media(max-width:600px){.auth-account-row,.auth-server-row{align-items:stretch!important}.auth-device-row{align-items:stretch;flex-direction:column}.auth-device-row .auth-small-btn{width:100%}}