body.cloud-locked .shell,body.cloud-locked .mobile-nav,body.cloud-locked #modal-root,body.cloud-locked #toast{display:none!important}
.cloud-gate{position:relative;min-height:100vh;padding:28px 14px;background:#f2f6fa;color:#1c2d43;display:grid;place-items:center;font-family:Inter,system-ui,-apple-system,sans-serif}
.cloud-gate .login-box{max-width:660px;width:100%;background:#fff;border:1px solid #dce5ee;border-radius:24px;padding:28px;box-shadow:0 16px 54px #12253e13}
.cloud-gate h1{font-size:28px;letter-spacing:-.8px;margin:0 0 8px}.cloud-gate h2{font-size:19px;margin:0 0 12px}.cloud-gate p{color:#5c6b7e;line-height:1.55;margin:8px 0 16px}
.cloud-gate label{display:block;font-size:13px;font-weight:750;margin:14px 0 6px}.cloud-gate input{padding:12px 13px;box-sizing:border-box;border:1px solid #becbda;border-radius:11px;font:inherit;width:100%;background:#fff;color:#152c42}
.cloud-gate button{font:inherit;border:1px solid #cdd8e5;border-radius:11px;background:#fff;color:#23405b;font-weight:720;padding:11px 15px;cursor:pointer;margin:4px 7px 4px 0}
.cloud-gate button.primary{background:#176f53;color:#fff;border-color:#176f53}.cloud-gate button:disabled{opacity:.5;cursor:not-allowed}
.cloud-gate .notice{font-size:13px;border:1px solid #c8d8e6;background:#f2f7fb;border-radius:10px;padding:10px 12px;margin-top:14px;white-space:pre-line}
.cloud-gate .notice.error{border-color:#f2bcad;background:#fff1eb;color:#873c2c}
.cloud-gate .notice.ok{border-color:#b6ddc5;background:#e9f7ee;color:#226344}
.cloud-gate .muted{font-size:13px;color:#66788a}.cloud-gate .divider{border-top:1px solid #e4eaf0;margin:20px 0}
.cloud-banner{position:sticky;top:0;z-index:999;background:#16324a;color:#fff;padding:8px 14px;display:flex;align-items:center;gap:10px;justify-content:flex-end;box-shadow:0 2px 8px #0c213122;font:600 12px/1.4 system-ui,-apple-system,sans-serif}
.cloud-banner #cloud-state{margin-right:auto}.cloud-banner button{background:#ffffff18;color:#fff;border:1px solid #ffffff2d;border-radius:7px;padding:6px 9px;cursor:pointer;font:inherit}
.cloud-banner.warn{background:#915c16}.cloud-banner.bad{background:#992d32}
@media(max-width:650px){.cloud-gate .login-box{padding:18px}.cloud-gate h1{font-size:23px}.cloud-banner{bottom:68px;top:auto;position:fixed;left:0;right:0;z-index:9999;flex-wrap:wrap;justify-content:space-evenly;padding:5px 8px}.cloud-banner #cloud-state{width:100%;text-align:center}.cloud-banner button{padding:4px 8px}}
