:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#eef3f8;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}html,body{background:#eef3f8;min-height:100%;margin:0}body{min-height:100dvh}button{font:inherit}.shell{flex-direction:column;min-height:100dvh;display:flex}.mobileHeader{color:#fff;height:64px;padding:8px 16px;padding-top:max(8px, env(safe-area-inset-top));background:#0b1f3a;justify-content:space-between;align-items:center;gap:12px;display:flex}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand strong{font-size:18px;line-height:1.05;display:block}.brand small{color:#a9bbcf;margin-top:2px;font-size:11px;display:block}.brandMark{background:#102b4c;border:1px solid #fff3;border-radius:10px;width:34px;height:34px;position:relative}.brandMark i{background:#10b981;border-radius:50%;width:7px;height:7px;position:absolute;box-shadow:0 0 0 2px #0b1f3a}.brandMark i:first-child{top:7px;left:6px}.brandMark i:nth-child(2){top:7px;right:6px}.brandMark i:nth-child(3){bottom:5px;left:13px}.brandMark i:nth-child(4){background:#2563eb;bottom:11px;right:5px}.brandMark:before,.brandMark:after{content:"";transform-origin:0;background:#76a7dd;height:1px;position:absolute}.brandMark:before{width:20px;top:11px;left:9px;transform:rotate(42deg)}.brandMark:after{width:18px;top:12px;left:9px;transform:rotate(-10deg)}.headerActions{align-items:center;gap:8px;display:flex}.headerActions button{color:#052c24;background:#10b981;border:0;border-radius:999px;padding:7px 12px;font-weight:800}.status{border:1px solid #ffffff2e;border-radius:999px;padding:5px 8px;font-size:11px}.status.online{color:#8ff0cd}.status.offline{color:#ffbb8f}.appFrame{background:#f7fafc;border:0;flex:1;width:100%;min-height:calc(100dvh - 64px)}.appShell{background:#0b1f3a;min-height:100dvh;position:relative}.appFrameFull{background:#f7fafc;border:0;width:100%;height:100dvh;display:block}.authShell{background:linear-gradient(160deg,#07162d 0%,#0b1f3a 45%,#123a6d 100%);place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.authCard{background:#fff;border:1px solid #dce4ee;border-radius:18px;width:100%;max-width:440px;padding:28px 24px 24px;box-shadow:0 18px 50px #040d1c47}.authLoading{text-align:center;color:#64748b}.authLoading p{margin:16px 0 0;font-size:14px}.authBrand{align-items:center;gap:12px;margin-bottom:18px;display:flex}.authBrand strong{color:#0b1f3a;font-size:22px;line-height:1.05;display:block}.authBrand small{color:#64748b;margin-top:3px;font-size:12px;display:block}.authEyebrow{letter-spacing:1.4px;text-transform:uppercase;color:#2563eb;margin:0 0 8px;font-size:11px;font-weight:800}.authTitle{color:#0b1f3a;margin:0 0 8px;font-size:28px;line-height:1.15}.authSubtitle{color:#64748b;margin:0 0 20px;font-size:14px;line-height:1.55}.authMessage{border-radius:10px;margin-bottom:16px;padding:12px 14px;font-size:13px;line-height:1.45}.authMessage.success{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.authMessage.error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.authForm{gap:14px;display:grid}.authField{color:#0b1f3a;gap:7px;font-size:12px;font-weight:700;display:grid}.authField input{color:#111827;background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:100%;padding:12px 13px}.authField input:focus{border-color:#2563eb;outline:2px solid #2563eb40}.authPrimary{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:10px;margin-top:4px;padding:12px 16px;font-weight:800}.authPrimary:disabled{opacity:.7;cursor:wait}.authLinks{flex-direction:column;gap:10px;margin-top:18px;display:flex}.authLinks button{text-align:left;color:#2563eb;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:700}@media (max-width:480px){.authCard{border-radius:14px;padding:22px 18px 18px}.authTitle{font-size:24px}}@media (display-mode:standalone){.mobileHeader{height:60px}.appFrame{min-height:calc(100dvh - 60px)}}