#loginPage{min-width:0!important;min-height:100vh;background:#f6f9fb;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#243b4b}#login{min-width:0!important;min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(390px,.9fr);max-width:1440px;margin:auto;padding:42px 60px;gap:80px;align-items:center;box-sizing:border-box}#login *{box-sizing:border-box}#login .login-story{padding:24px 0}#login .login-brand{display:inline-block;font-size:36px;font-weight:750;letter-spacing:-1.5px;line-height:1.2;color:#243b4b;text-decoration:none}#login .login-brand .brand-logis{color:#00a9c7}#login .login-brand .brand-dot{color:#50bd87}#login .login-eyebrow{margin:54px 0 14px;font-size:12px;letter-spacing:1.7px;font-weight:700;color:#178c9d;text-transform:uppercase}#login .login-story h2{font-size:clamp(32px,3.5vw,48px);font-weight:700;line-height:1.15;letter-spacing:-1.8px;max-width:520px;margin:0 0 18px;color:#223b4a}#login .login-story p{font-size:17px;line-height:1.7;color:#627785;max-width:470px;margin:0}#login .login-art{display:block;width:100%;max-width:550px;margin:12px auto 0}#login .login-benefits{display:flex;gap:22px;flex-wrap:wrap;margin-top:4px;color:#4f7378;font-size:13px}#login .login-benefits span::before{content:'✓';color:#26a779;margin-right:7px;font-weight:700}#loginForm{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;margin:0!important;width:100%!important;max-width:440px!important;min-height:0!important;padding:38px!important;background:#fff!important;border:1px solid #e2eaef;border-radius:24px;box-shadow:0 16px 60px #244a6010;justify-self:center;float:none!important}#loginForm h1{font-size:26px!important;line-height:1.25!important;letter-spacing:-.8px;text-align:left!important;margin:0 0 10px!important;padding:0!important;border:0!important;background:none!important;color:#243b4b!important}#loginForm .login-intro{font-size:14px;line-height:1.6;color:#778897;margin:0 0 26px}#loginForm table{width:100%!important;margin:0!important;border:0!important}#loginForm td{padding:0 0 18px!important;border:0!important;background:none!important}#loginForm .login-field{display:block;font-size:13px;font-weight:600;color:#425c6d;margin-bottom:7px;text-align:left}#loginForm input[type=text],#loginForm input[type=password]{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;height:48px!important;padding:12px 14px!important;border:1px solid #dce6ec!important;border-radius:10px!important;background:#fbfcfd!important;color:#243b4b!important;font:16px/22px inherit!important;box-shadow:none!important;margin:0!important}#loginForm input:focus{outline:3px solid #00a8c71c!important;border-color:#00a8c7!important}#loginForm .login-hint{display:block;font-size:12px;line-height:1.5;color:#8999a5;margin-top:6px}#loginForm label[for=saveLogin]{display:inline!important;font-size:13px;color:#627785;background:none!important;padding:0!important;border:0!important}#loginForm input[type=checkbox]{accent-color:#00a8bc}#loginForm label[for=secureLogin]{display:block!important;width:100%;padding:14px!important;border:0!important;border-radius:10px!important;background:linear-gradient(110deg,#009fbf,#25b69b)!important;color:white!important;font-size:15px!important;line-height:20px;font-weight:650;cursor:pointer;text-align:center;transition:box-shadow .15s,transform .15s}#loginForm label[for=secureLogin]:hover{box-shadow:0 6px 18px #009fbf30;transform:translateY(-1px)}#loginForm .login-divider{display:flex;align-items:center;gap:14px;color:#92a1ac;font-size:12px;margin:6px 0 18px}#loginForm .login-divider:before,#loginForm .login-divider:after{content:'';height:1px;background:#e7edf1;flex:1}#loginForm .google-login{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:48px;background:#fff;border:1px solid #dce3e9;border-radius:10px;font:600 14px/20px inherit;color:#405364;text-decoration:none}#loginForm .google-login svg{width:20px;height:20px;flex-shrink:0}#loginForm .google-login[disabled]{cursor:default;opacity:.75}#loginForm .google-status{text-align:center;font-size:12px;color:#8899a6;margin:9px 0 0}#loginForm #copyright{position:static!important;text-align:center;padding:0!important;margin:28px 0 0!important;color:#92a1ac!important;font-size:11px!important}#loginForm #differentUser{text-align:center;margin:16px 0}#loginForm #differentUser a{font-size:13px;color:#008da8}#loginForm #storedUsers .user{border-radius:10px;margin-bottom:10px;border:1px solid #e1eaee;padding:12px}#loginForm #storedUsers td{padding:4px!important}#loginForm #loginResult{font-size:13px;border-radius:8px;margin-top:16px}#loginForm #loginProccess{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;background:#ffffffed;border-radius:24px;z-index:5}#loginForm .google-notice{padding:12px;border-radius:8px;background:#edf8fb;color:#426572;font-size:13px;margin-bottom:18px}
@media(max-width:1000px){#login{gap:35px;padding:32px}#login .login-story h2{font-size:36px}#loginForm{padding:30px!important}}@media(max-width:760px),(max-width:1000px) and (max-height:600px){#login{display:flex;flex-direction:column;gap:26px;padding:28px 20px 35px}#login .login-story{width:100%;max-width:440px;padding:0}#login .login-brand{font-size:30px}#login .login-eyebrow,#login .login-art,#login .login-benefits{display:none}#login .login-story h2{font-size:27px;line-height:1.2;letter-spacing:-.9px;margin:24px 0 10px}#login .login-story p{font-size:14px;line-height:1.6}#loginForm{padding:28px!important;border-radius:18px}#loginForm h1{font-size:24px!important}}@media(prefers-reduced-motion:reduce){#loginForm label[for=secureLogin]{transition:none}}
/* Override the legacy fixed-height headings, background photo and form controls. */
body:has(> #loginPage){min-width:0!important;margin:0!important;padding:0!important}#login{height:auto!important;background:radial-gradient(ellipse at 18% 45%,#e8f7f6 0,transparent 48%),#f6f9fb!important}#login .login-story h2{height:auto!important;min-height:0;text-transform:none}#login #loginForm{border:1px solid #e2eaef!important;border-radius:24px!important;box-shadow:0 16px 60px #244a6010!important}#login #loginForm h1{height:auto!important;text-transform:none!important}#login #loginForm table tr td input[type=text],#login #loginForm table tr td input[type=password]{font-family:inherit!important;font-size:16px!important;line-height:22px!important}#login #loginForm table tr td label[for=secureLogin]{height:48px!important;line-height:20px!important;width:100%!important;margin:0!important;text-transform:none!important}#login #loginForm .google-login{font-family:inherit!important;font-size:14px!important;line-height:20px!important;border:1px solid #dce3e9!important;border-radius:10px!important}#login #storedUsers{margin:0;padding:0}#login .login-story{min-width:0}@media(max-width:760px),(max-width:1000px) and (max-height:600px){#login #loginForm{border-radius:18px!important}}
#login #loginForm input.login-submit{display:block!important;width:100%!important;max-width:none!important;height:48px!important;margin:0!important;padding:12px!important;border:0!important;border-radius:10px!important;background:linear-gradient(110deg,#009fbf,#25b69b)!important;color:#fff!important;font-family:inherit!important;font-size:15px!important;font-weight:650!important;line-height:24px!important;cursor:pointer;box-shadow:none!important;transition:box-shadow .15s,transform .15s}#login #loginForm input.login-submit:hover{box-shadow:0 6px 18px #009fbf30!important;transform:translateY(-1px)}#login #loginForm input.login-submit:focus-visible{outline:3px solid #00a9c750!important;outline-offset:3px}
/* On phones, put signing in ahead of the desktop introduction. */
@media(max-width:760px),(max-width:1000px) and (max-height:600px){#login{padding:24px 16px!important;gap:20px!important;min-height:100svh;justify-content:center}#login .login-story{padding:0!important}#login .login-story h2,#login .login-story p{display:none}#login .login-brand{font-size:30px}#login #loginForm{padding:24px!important}#login #loginForm .login-intro{margin-bottom:22px}#login #loginForm td{padding-bottom:16px!important}#login #loginForm #copyright{margin-top:20px!important}}
@media(max-width:360px){#login{padding:20px 12px!important}#login #loginForm{padding:20px!important}#login #loginForm .login-intro{font-size:13px}#login #loginForm .login-field{font-size:12px}#login #loginForm .google-login{font-size:13px!important}}

body:has(> #loginPage){overflow:auto!important}#loginPage{height:auto!important;min-height:100svh!important}
/* Login uses the same saved theme as the application, with an OS fallback. */
html[data-touch-theme=dark]{--login-bg:#0e1b24;--login-panel:#192f3a;--login-field:#12252f;--login-text:#e1edf3;--login-muted:#acbec9;--login-line:#3b5664;--login-accent:#87d5e3;--login-glow:#214554;--login-shadow:#00000030;color-scheme:dark}
@media(prefers-color-scheme:dark){html:not([data-touch-theme=light]){--login-bg:#0e1b24;--login-panel:#192f3a;--login-field:#12252f;--login-text:#e1edf3;--login-muted:#acbec9;--login-line:#3b5664;--login-accent:#87d5e3;--login-glow:#214554;--login-shadow:#00000030;color-scheme:dark}}
#loginPage{background:var(--login-bg,#f6f9fb)!important;color:var(--login-text,#243b4b)}
body:has(> #loginPage){background:var(--login-bg,#f6f9fb)!important}
#login{background:radial-gradient(ellipse at 18% 45%,var(--login-glow,#e8f7f6) 0,transparent 48%),var(--login-bg,#f6f9fb)!important}
#login .login-brand,#login .login-story h2,#login #loginForm h1{color:var(--login-text,#243b4b)!important}
#login .login-story p,#login .login-benefits,#loginForm .login-intro,#loginForm .login-hint,#loginForm label[for=saveLogin],#loginForm .google-status,#loginForm #copyright{color:var(--login-muted,#778897)!important}
#login #loginForm{background:var(--login-panel,#fff)!important;border-color:var(--login-line,#e2eaef)!important;box-shadow:0 16px 60px var(--login-shadow,#244a6010)!important}
#loginForm .login-field{color:var(--login-text,#425c6d)}
#login #loginForm input[type=text],#login #loginForm input[type=password]{background:var(--login-field,#fbfcfd)!important;color:var(--login-text,#243b4b)!important;border-color:var(--login-line,#dce6ec)!important}
#loginForm input::placeholder{color:var(--login-muted,#8999a5)!important;opacity:.8}
#login #loginForm .google-login{background:var(--login-field,#fff)!important;color:var(--login-text,#405364)!important;border-color:var(--login-line,#dce3e9)!important}
#loginForm .login-divider:before,#loginForm .login-divider:after{background:var(--login-line,#e7edf1)}
#loginForm #differentUser a{color:var(--login-accent,#008da8)}
#login #storedUsers .user{background:var(--login-field,#fbfcfd)!important;border:1px solid var(--login-line,#e1eaee)!important;transition:border-color .15s,box-shadow .15s}
#login #storedUsers .user table,#login #storedUsers .user tr,#login #storedUsers .user td{background:transparent!important}
#login #storedUsers .user .name{color:var(--login-text,#243b4b)!important}
#login #storedUsers .user .email,#login #storedUsers .user .expiration,#login #storedUsers .user .disabledText{color:var(--login-muted,#627785)!important}
#login #storedUsers .user.isActive:hover{border-color:var(--login-accent,#00a9c7)!important;box-shadow:0 0 0 2px #00a9c720}
#loginForm #loginProccess{background:var(--login-panel,#fff)!important;color:var(--login-text,#243b4b)}
#loginForm .google-notice{background:var(--login-field,#edf8fb);color:var(--login-text,#426572)}
@media(max-width:760px){#loginPage,#login{width:100%!important;max-width:100%!important}#login #storedUsers .user table{table-layout:fixed}#login #storedUsers .user .info{width:65%}#login #storedUsers .user .email{overflow-wrap:anywhere}#login #storedUsers .user .expiration{font-size:11px}}

/* Saved account uses one coherent Logis card, without legacy table framing. */
#login #storedUsers .user{padding:16px!important;border-radius:16px!important;overflow:hidden;cursor:pointer;box-shadow:none!important;background:var(--login-field,#f1f7fa)!important;border:1px solid var(--login-line,#d4e2e9)!important}
#login #storedUsers .user table,#login #storedUsers .user tbody,#login #storedUsers .user tr,#login #storedUsers .user td{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;border-radius:0!important}
#login #storedUsers .user table{border-collapse:collapse!important;table-layout:fixed;width:100%!important}
#login #storedUsers .user .info{width:68%;padding:0 12px 0 0!important;text-align:left!important}
#login #storedUsers .user .name{font:650 16px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;background:transparent!important;margin:0 0 4px!important}
#login #storedUsers .user .email{font:400 13px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;overflow-wrap:anywhere;background:transparent!important}
#login #storedUsers .user .expiration{padding:0!important;font-size:11px!important;line-height:1.5!important;text-align:right!important;white-space:normal!important}
#login #storedUsers .user.isActive:hover{border-color:var(--login-accent,#00a9c7)!important;box-shadow:inset 0 0 0 1px var(--login-accent,#00a9c7)!important}
#login .stored-account-label{font-size:12px;line-height:1.5;margin:0 0 8px;color:var(--login-muted,#627785)}
#login #storedUsers{background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;padding:0!important;border-radius:16px!important}