.onlineGate{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:20px;background:linear-gradient(140deg,#082c3c,#0d4d55);overflow:auto}
.onlineGate[hidden],.onlineAdmin[hidden]{display:none}
.onlineCard{width:min(100%,480px);padding:32px;border-radius:20px;background:#fff;color:#17313a;box-shadow:0 25px 70px #00151d70}
.onlineBrand{color:#07867f;font-size:28px;font-weight:800;margin-bottom:8px}
.onlineCard h2{font-size:22px;margin:0 0 16px}.onlineCard p{line-height:1.6}
.onlineCard label{display:block;font-size:13px;font-weight:600;margin:15px 0 6px}
.onlineCard input,.onlineCard select{width:100%;border:1px solid #c8d9dc;padding:12px;border-radius:9px;background:#fff;color:#17313a;font:inherit}
.onlineCard button{border:1px solid #b7d2d2;padding:11px 15px;border-radius:9px;cursor:pointer;background:#eef7f6;color:#15565b;font:inherit;font-weight:600;margin-top:12px}
.onlineCard .onlinePrimary{background:#07867f;color:white;border-color:#07867f}
.onlineCard button:disabled{opacity:.5;cursor:wait}.onlineActions{display:flex;gap:10px;flex-wrap:wrap}
.onlineHint{font-size:12px;color:#586f76}.onlineMessage{font-size:13px;line-height:1.5;color:#a43634;min-height:20px;margin-top:12px}
.onlineAccount{font-size:12px;margin-top:14px}.onlineAccount button{background:transparent;border:1px solid #3d7880;color:#d2f5f0;border-radius:7px;padding:7px 10px;margin:7px 5px 0 0;cursor:pointer;font:inherit}
#onlineStatus{display:block;overflow-wrap:anywhere;color:#bce2df}
.onlineAdmin{position:fixed;inset:0;background:#001f35aa;display:grid;place-items:center;padding:18px;z-index:10001;overflow:auto}
.onlineAdmin .onlineCard{width:min(100%,620px)}
.onlineAdminHead{display:flex;justify-content:space-between;gap:20px;align-items:center}
.onlineAdminHead button{margin:0}.onlineAdminPages{display:flex;align-items:center;gap:12px}
@media(max-width:520px){.onlineCard{padding:24px}.onlineBrand{font-size:25px}.onlineActions button{flex:1}}