.auth-shell{background:#eef1f5;grid-template-columns:minmax(0,1fr);place-items:center;height:100dvh;padding:24px;display:grid;overflow:hidden auto}.auth-panel{background:#fbfcfe;border:1px solid #d9e0ea;border-radius:8px;gap:18px;width:420px;min-width:0;max-width:100%;padding:22px;display:grid;box-shadow:0 18px 45px #2b37481f}.auth-loading{justify-content:center;align-items:center;width:auto;display:flex}.auth-loading svg,.auth-submitting svg:first-child{animation:1s linear infinite spin}.auth-brand{align-items:center;gap:12px;display:flex}.auth-brand svg{color:#2563eb;flex:none}.auth-brand p{color:#64748b;margin-top:2px;font-size:13px}.auth-mode-switch{background:#dde5ef;border:1px solid #c6d1de;border-radius:8px;grid-template-columns:1fr 1fr;gap:3px;padding:3px;display:grid}.auth-mode-switch button{border-color:#0000;width:100%}.auth-mode-switch button.active{color:#fff;background:#18212f}.auth-form{gap:14px;display:grid}.auth-form label{gap:6px;display:grid}.auth-form label span{color:#526176;font-size:13px;font-weight:700}.auth-form input{color:#18212f;background:#fff;border:1px solid #cfd7e3;border-radius:8px;outline:0;width:100%;height:42px;padding:0 12px}.auth-form input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb24}.auth-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.35}.auth-submit{width:100%}:root{color:#18212f;font-synthesis:none;text-rendering:optimizelegibility;background:#eef1f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input,textarea{font:inherit}button{color:#263244;cursor:pointer;background:#fff;border:1px solid #cfd7e3;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 12px;display:inline-flex}button:disabled{cursor:not-allowed;opacity:.45}button:hover:not(:disabled){border-color:#7b8da6}h1,h2,p{margin:0}h1{letter-spacing:0;font-size:22px;font-weight:750}.primary-action{color:#fff;background:#2563eb;border-color:#2563eb;font-weight:700}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}