.auth-pending>.sidebar,.auth-pending>main,.auth-pending>#toast{display:none}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:28px;background:#e9eee5}.login-card{width:min(420px,100%);background:#fff;padding:36px;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 45px #24382a0d}.login-card h1{text-align:center;font-size:38px}.login-card>p{font-size:13px;color:var(--muted);text-align:center}.login-card label{display:flex;flex-direction:column;gap:7px;margin:20px 0;font-size:13px}.login-card input{width:100%}.login-card button{width:100%}.login-mark{font-size:48px;text-align:center;color:var(--green)}.login-card .error{color:#a12638;text-align:left;font-size:12px}.sync-banner{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;background:#edf1e9;border-color:#d8e1d1;margin-bottom:24px}.sync-banner>span{flex:1;min-width:200px}.sync-banner button{font-size:11px;padding:6px 10px;margin:3px}.mobile-logout{display:none}#logoutButton{display:block;margin-top:15px}@media(max-width:700px){.mobile-logout{display:block}.login-card{padding:26px}.sync-banner{font-size:11px;margin-bottom:18px}.sync-banner>div{display:flex;gap:5px;flex-wrap:wrap}.topbar{gap:8px}.topbar .local-pill{display:none}}