.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(140deg,#eff4ff,#f5f7fb 48%,#eaf1ff)}
.auth-card{width:min(100%,420px);display:flex;flex-direction:column;gap:12px;padding:34px;background:#fff;border:1px solid #dce3ee;border-radius:20px;box-shadow:0 18px 50px rgba(28,50,88,.12)}
.auth-card .brand-mark{display:grid;place-items:center;width:56px;height:56px;margin-bottom:6px;border-radius:16px;background:#2864e8;color:#fff;font-size:20px;font-weight:800}
.auth-card h1{margin:0;color:#17243b;font-size:28px}.auth-card>p:not(.eyebrow):not(.auth-status){margin:0 0 10px;color:#647187;line-height:1.5}
.auth-card label{margin-top:5px;font-size:14px;font-weight:700;color:#26364d}.auth-card input{width:100%;min-height:48px;padding:12px 14px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#15243a;font:inherit}.auth-card input:focus{outline:3px solid rgba(40,100,232,.15);border-color:#2864e8}.auth-card .primary-button{justify-content:center;min-height:48px;margin-top:10px}
.auth-status{min-height:22px;margin:0;color:#647187;font-size:13px;line-height:1.45}.auth-status.error{color:#b42336}
.app-shell[hidden],.auth-screen[hidden]{display:none!important}.nav-coming-soon{opacity:.58;cursor:not-allowed}.nav-coming-soon .nav-sub{margin-left:auto;color:#77839a;font-size:11px}
.profile-logout{margin-left:auto;padding:6px 8px;border:0;background:transparent;color:#53647c;font-size:12px;cursor:pointer}.profile-logout:hover{color:#174ec4}
.live-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:#fff2e8;color:#a54b12;font-size:11px;font-weight:800;letter-spacing:.04em}.live-pill i{width:7px;height:7px;border-radius:50%;background:#ef8b32}.live-pill.is-online{background:#e7f7ef;color:#177447}.live-pill.is-online i{background:#1eaa68}
.cloud-banner.connected{border-color:#bde5cf;background:#effaf4}.cloud-banner.connected .demo-banner-icon{background:#d7f3e4;color:#197449}.offline-note i{background:#1eaa68!important}
.toast.toast-error{background:#922d3d}
.detail-panel .claim-button{width:100%;margin-top:8px}.detail-panel .claim-button:disabled{opacity:.62;cursor:not-allowed}
@media(max-width:760px){.auth-screen{padding:16px}.auth-card{padding:26px 22px}}