.auth-page{width:100%;max-width:390px;margin:0 auto;padding:48px 16px 24px}.auth-header{margin-bottom:24px}.auth-header .brand{font-size:34px}.auth-form-panel{border:1px solid var(--border);padding:20px;background:var(--toolbar-light)}.auth-form-content h1{font-size:17px;font-weight:700;margin-bottom:18px}.auth-demo{margin-top:18px}.auth-demo-note{font-size:11px;color:var(--muted);margin-top:6px}.auth-form-description{font-size:12px;line-height:1.4;margin-bottom:19px;color:#444}.auth-form{gap:13px}.auth-field,.auth-form{display:flex;flex-direction:column}.auth-field{gap:4px}.auth-field label{font-size:12px;font-weight:700}.auth-field input{display:block;width:100%;height:29px;border:1px solid #888;border-radius:0;background:#fff;color:#222;padding:4px 6px;font-size:13px}.auth-field input:disabled{background:#eee;color:#555}.auth-field-hint{font-size:11px;line-height:1.4;color:#505967}.auth-password-wrap{position:relative}.auth-password-wrap input{padding-right:34px}.auth-password-toggle{position:absolute;right:2px;top:2px;display:grid;place-items:center;width:26px;height:25px;border:0;background:transparent;color:#45566e}.auth-password-toggle:hover{background:#dde8f8}.auth-submit{align-self:start;min-height:28px;border-color:#aaa #777 #777 #aaa;border-style:solid;border-width:1px;border-radius:2px;background:#f2f2f2;padding:3px 15px;color:#222;font-size:13px}.auth-submit:hover:not(:disabled){background:#dce6f4}.auth-submit:disabled{background:#ddd;color:#626262}.auth-error{border:1px solid #ca8d83;background:#fff0ec;padding:8px;color:#8d241e;font-size:12px}.auth-connection-note{padding:8px;border:1px solid #c7b66c;background:#fff9dc;color:#594a17;font-size:12px;line-height:1.4}.auth-private-note{border-top:1px solid #becce0;padding-top:12px;margin-top:18px;color:#444;font-size:11px;line-height:1.5}@media (max-width:720px){.auth-page{padding-top:24px}.auth-field input{height:36px;font-size:16px}.auth-password-toggle{width:30px;height:32px}.auth-submit{min-height:34px;padding:5px 18px}}