.logout-button{color:#7a8497;background:#f5f7fa}
.auth-pending .app-shell{display:none}
.login-page{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:28px;background:#f2f5fa;overflow:auto}
.login-page[hidden]{display:none}
.login-layout{width:min(920px,100%);min-height:540px;display:grid;grid-template-columns:42% 58%;background:#fff;border:1px solid #e3e8f1;border-radius:18px;overflow:hidden;box-shadow:0 22px 65px rgba(32,55,91,.12)}
.login-brand-panel{position:relative;padding:70px 52px;color:#fff;background:linear-gradient(145deg,#1858cf,#347ff3);overflow:hidden;display:flex;flex-direction:column;justify-content:center}
.login-brand-panel:before,.login-brand-panel:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.18);border-radius:50%}
.login-brand-panel:before{width:330px;height:330px;right:-180px;top:-120px}.login-brand-panel:after{width:230px;height:230px;left:-120px;bottom:-110px}
.login-brand-mark{position:relative;z-index:1;width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25);font-size:22px;font-weight:700}
.login-brand-en{position:relative;z-index:1;margin-top:30px;font-size:9px;letter-spacing:.18em;opacity:.64}
.login-brand-panel h1{position:relative;z-index:1;margin:9px 0 6px;font-size:30px}.login-brand-panel p{position:relative;z-index:1;margin:0;font-size:13px;opacity:.76}
.login-decoration{display:flex;gap:8px;margin-top:42px}.login-decoration i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.35)}.login-decoration i:first-child{width:28px;border-radius:5px;background:#fff}
.login-form-panel{display:flex;align-items:center;padding:60px 74px}
.login-form-inner{width:100%;max-width:360px;margin:auto}
.login-eyebrow{display:block;color:#7f9bc5;font-size:9px;letter-spacing:.17em}
.login-form-inner h2{margin:8px 0 5px;font-size:24px}.login-form-inner>p{margin:0 0 32px;color:var(--muted);font-size:12px}
.login-form-inner label{display:grid;gap:7px;margin-bottom:17px}.login-form-inner input{height:44px;background:#fbfcfe}
.login-form-inner .full{height:44px;margin-top:4px;font-weight:600;letter-spacing:.18em}.login-form-inner .error{margin-top:10px}
.password-card{width:min(450px,96vw)}
.password-fields{display:grid;gap:16px;padding:24px}
.password-fields label{display:grid;gap:7px}
.password-fields label small{color:var(--muted);font-size:10px}
@media(max-width:720px){#refreshBtn{display:none}.top-actions{gap:5px!important}.top-actions .button{font-size:11px}.login-page{padding:16px;background:#fff}.login-layout{display:block;min-height:0;border:0;box-shadow:none}.login-brand-panel{padding:34px 30px}.login-brand-panel p,.login-decoration{display:none}.login-brand-en{margin-top:15px}.login-brand-panel h1{font-size:24px}.login-form-panel{padding:38px 30px 48px}}