/* Self-contained sign-in surface: no protected app styles or external fonts needed. */
body:not([data-app-ready])>header,
body:not([data-app-ready])>main,
body:not([data-app-ready])>#toast{display:none!important}
.auth-panel{
  position:fixed;inset:0;z-index:10000;overflow:auto;
  min-height:100vh;display:grid;place-items:center;
  padding:clamp(20px,5vw,48px);box-sizing:border-box;
  background:linear-gradient(145deg,#e1e9ef 0%,#f2f5f8 65%,#e8eef3 100%);
  color:#24384a;font:400 15px/1.55 Inter,"Segoe UI",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;color-scheme:light;
}
.auth-panel[hidden]{display:none}
.auth-card{
  box-sizing:border-box;width:min(100%,440px);padding:clamp(24px,5vw,36px);
  background:#fff;border:1px solid #d2dde6;border-top:4px solid #193a59;
  border-radius:12px;box-shadow:0 16px 48px #193a5912;
}
.auth-card::before{content:"SOMOTA";display:block;margin-bottom:20px;color:#193a59;font-size:12px;font-weight:750;letter-spacing:.22em}
.auth-card h1{margin:0 0 8px;color:#193a59;font-size:30px;line-height:1.2;font-weight:650;letter-spacing:-.035em}
.auth-card p{margin:0 0 22px;color:#5e7283}
.auth-card label{display:grid;gap:7px;margin:18px 0;color:#30495e;font-size:14px;font-weight:600}
.auth-card input{
  box-sizing:border-box;width:100%;min-height:46px;padding:11px 12px;
  border:1px solid #b7c6d2;border-radius:7px;background:#fcfdfe;color:#24384a;
  font:400 16px/1.4 Inter,"Segoe UI",Arial,sans-serif;
}
.auth-card input:focus{outline:3px solid #dce8f1;outline-offset:1px;border-color:#335f82;background:#fff}
.auth-card button{
  display:block;box-sizing:border-box;width:100%;min-height:46px;margin-top:24px;padding:11px 18px;
  border:1px solid #193a59;border-radius:7px;background:#193a59;color:#fff;
  font:600 15px/1.4 Inter,"Segoe UI",Arial,sans-serif;cursor:pointer;
}
.auth-card button:hover:not(:disabled){background:#254f72;border-color:#254f72}
.auth-card button:focus-visible{outline:3px solid #8cb3d1;outline-offset:3px}
.auth-card button:disabled{background:#718698;border-color:#718698;cursor:wait}
.auth-card [role=status]{min-height:24px;margin:16px 0 0;color:#304f68;font-size:14px;overflow-wrap:anywhere}
.auth-card .auth-note{margin:22px 0 0;padding-top:18px;border-top:1px solid #e1e8ee;font-size:12px;line-height:1.6;color:#647887}
@media(max-width:480px){.auth-panel{padding:18px}.auth-card{padding:26px 22px}.auth-card h1{font-size:27px}}
@media(max-height:620px){.auth-panel{place-items:start center}}