html,body,#root{height:100%;margin:0}body{background:#f1f4f7}.gate:where(#root>*),.app-fallback{--navy: #304870;--navy-600: #2a3f63;--navy-800: #1b2840;--navy-050: #eaf0f9;--surface: #ffffff;--border: #e3e8ef;--border-strong: #cdd6e2;--ink: #1e2a3b;--muted: #64748b;--shadow-sm: 0 1px 2px rgba(30, 42, 59, .06);--shadow-lg: 0 14px 40px rgba(30, 42, 59, .12);font-family:Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}.gate:where(#root>*),.gate:where(#root>*) *,.app-fallback,.app-fallback *{box-sizing:border-box}.gate:where(#root>*) button{font-family:inherit}.app-fallback.muted{color:var(--muted)}.gate:where(#root>*) .brand-mark{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-800) 100%);color:#fff;display:grid;place-items:center;font-weight:800;font-size:18px;box-shadow:var(--shadow-sm)}.gate:where(#root>*) .btn{display:inline-flex;align-items:center;gap:7px;justify-content:center;background:var(--navy);color:#fff;border:0;border-radius:10px;padding:9px 15px;font-weight:700;font-size:.86rem;cursor:pointer;transition:transform .08s,box-shadow .15s,background .15s;box-shadow:var(--shadow-sm)}.gate:where(#root>*) .btn:hover{background:var(--navy-600)}.gate:where(#root>*) .btn:active{transform:scale(.97)}.gate:where(#root>*) .btn:disabled{opacity:.5;cursor:not-allowed}.gate:where(#root>*) input[type=password],.gate:where(#root>*) input[type=text]{width:100%;padding:11px 13px;border:1px solid var(--border-strong);border-radius:10px;font-size:.9rem}.gate:where(#root>*) input:focus{outline:2px solid var(--navy-050);border-color:var(--navy)}.gate:where(#root>*){min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-800) 100%)}.gate:where(#root>*) .panel{background:var(--surface);border-radius:16px;padding:30px;width:min(420px,90vw);box-shadow:var(--shadow-lg)}.gate:where(#root>*) .brand-mark{width:44px;height:44px;font-size:22px;margin-bottom:16px}.gate:where(#root>*) .muted{color:var(--muted)}.gate:where(#root>*) .linkbtn{display:inline-flex;align-items:center;gap:5px;color:var(--navy);font-size:.8rem;font-weight:600;text-decoration:none}.gate:where(#root>*) .linkbtn:hover{text-decoration:underline}.gate:where(#root>*) .linkbtn{background:none;border:0;cursor:pointer;font:inherit}.gate:where(#root>*) .platform-version{position:relative;margin-top:auto;padding:8px 14px;font-size:.72rem;color:var(--muted);font-variant-numeric:tabular-nums;cursor:default;outline:none}.gate:where(#root>*) .platform-version{margin-top:14px;padding:0;text-align:center}.gate:where(#root>*) .platform-version:focus-visible{box-shadow:0 0 0 2px var(--border-strong);border-radius:6px}.gate:where(#root>*) .platform-version-tooltip{display:none;position:absolute;left:10px;bottom:calc(100% + 4px);z-index:20;flex-direction:column;gap:2px;padding:6px 8px;white-space:nowrap;text-align:left;background:var(--surface);color:var(--muted);border:1px solid var(--border);border-radius:6px;box-shadow:var(--shadow-sm)}.gate:where(#root>*) .platform-version:hover .platform-version-tooltip,.gate:where(#root>*) .platform-version:focus-within .platform-version-tooltip{display:flex}