.auth-page,.auth-loading{min-height:100vh;display:grid;place-items:center;background:#eef3f8;color:#172033;font-family:Inter,Segoe UI,sans-serif}.auth-loading{display:flex;gap:10px}.auth-panel{width:min(400px,calc(100vw - 32px));background:#fff;border:1px solid #d6e0ec;border-radius:8px;box-shadow:0 18px 48px #152a481f}.auth-brand{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid #e2e9f2}.auth-brand>span{display:grid;place-items:center;width:38px;height:38px;border-radius:7px;background:#1597c7;color:#fff;font-weight:700}.auth-brand div{display:grid;gap:2px}.auth-brand strong{font-size:14px}.auth-brand small{font-size:11px;color:#66758c}.auth-panel form{display:grid;gap:13px;padding:22px 20px}.auth-panel h1{font-size:18px;margin:0 0 2px}.auth-panel label{display:grid;gap:5px;font-size:12px;color:#46566d}.auth-panel input{height:36px;border:1px solid #cbd7e5;border-radius:6px;padding:0 10px;font:inherit;font-size:13px;outline:none}.auth-panel input:focus{border-color:#168bd0;box-shadow:0 0 0 3px #168bd01c}.auth-panel button{height:36px;border:0;border-radius:6px;background:#087ec2;color:#fff;display:flex;align-items:center;justify-content:center;gap:7px;font-size:13px;cursor:pointer}.auth-panel button:disabled{opacity:.65;cursor:wait}.auth-panel footer{display:flex;align-items:center;gap:7px;padding:12px 20px;border-top:1px solid #e2e9f2;color:#66758c;font-size:11px}.auth-error{padding:9px 10px;border:1px solid #f0b8b8;border-radius:6px;background:#fff5f5;color:#a52626;font-size:12px}.auth-spinner{width:16px;height:16px;border:2px solid #b6c6d8;border-top-color:#087ec2;border-radius:50%;animation:auth-spin .7s linear infinite}.auth-spinner.small{width:13px;height:13px;border-color:#ffffff73;border-top-color:#fff}@keyframes auth-spin{to{transform:rotate(360deg)}}