.product-login{--login-bg:#0b0e14;--login-panel:#141820;--login-panel-strong:#10141b;--login-line:#2a303b;--login-line-strong:#3a4351;--login-text:#f4f6f8;--login-muted:#9aa3b1;--login-dim:#6f7988;--login-accent:#128267;background:var(--login-bg);justify-content:center;align-items:center;min-height:100%;padding:32px 20px;display:flex;position:relative;overflow-y:auto}.product-login:before{content:"";pointer-events:none;opacity:.24;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 72%);mask-image:radial-gradient(circle,#000,#0000 72%)}.product-login .bg-gradient{display:none}.product-login .skyline{opacity:.055;filter:invert()grayscale();mix-blend-mode:normal;background-position:bottom;background-size:contain;height:min(62vh,620px);display:block}.product-login .login-container{z-index:1;width:100%;max-width:410px;animation:none;position:relative}.product-login .login-card{border:1px solid var(--login-line);background:var(--login-panel);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:10px;padding:34px 32px 32px;box-shadow:0 18px 50px #0000003d}.product-login .login-header{text-align:left;margin-bottom:28px}.product-login .login-header .logo{align-items:center;gap:11px;margin-bottom:8px;display:inline-flex}.product-login .logo-text{color:var(--login-text);letter-spacing:-.035em;font-size:22px;font-weight:750}.product-login .logo-accent{color:var(--login-accent)}.product-login .login-header .logo:after{content:"DISPATCH";border-left:1px solid var(--login-line-strong);color:var(--login-muted);letter-spacing:.1em;padding-left:11px;font-size:11px;font-weight:600}.product-login .login-header p{color:var(--login-muted);letter-spacing:0;font-size:13px}.product-login .login-header p.logout-message{color:#f87171}.product-login .form-group{margin-bottom:18px}.product-login .form-group label{color:#b7bfca;letter-spacing:.01em;margin-bottom:7px;font-size:12px;font-weight:550}.product-login .input-wrapper input{border:1px solid var(--login-line);background:var(--login-panel-strong);min-height:44px;color:var(--login-text);border-radius:7px;padding:10px 42px;font-size:14px}.product-login .input-wrapper input:hover{border-color:var(--login-line-strong)}.product-login .input-wrapper input:focus{border-color:var(--login-accent);background:#0e1218;box-shadow:0 0 0 3px #12826729}.product-login .input-wrapper svg{width:16px;height:16px;color:var(--login-dim);left:14px}.product-login .password-toggle{right:8px}.product-login .btn-submit{background:var(--login-accent);color:#fff;letter-spacing:.02em;text-transform:uppercase;min-height:42px;box-shadow:none;border-radius:7px;margin:0;padding:8px 16px;font-size:12px;font-weight:600}.product-login .btn-submit:hover{background:#0d735b;transform:none}.product-login .btn-submit svg{flex:none;width:15px;height:15px;display:block}.product-login .login-actions{flex-direction:column;align-items:stretch;gap:7px;margin-top:4px;display:flex}.product-login .passkey-action{color:#bfc6d0;min-height:24px;font:inherit;letter-spacing:0;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-self:center;align-items:center;gap:6px;padding:2px 6px;font-size:12px;font-weight:550;display:inline-flex}.product-login .passkey-action svg{flex:none;width:14px;height:14px}.product-login .passkey-action:hover{color:#fff;background:0 0}.product-login .passkey-action:focus-visible{outline-offset:2px;outline:2px solid #1282678c}.product-login .passkey-action:disabled{opacity:.5;cursor:not-allowed}.product-login .passkey-action[hidden]{display:none}.product-login .copyright{color:var(--login-dim);margin-top:16px;font-size:11px}.product-login .error-message{background:#ef444414;border-color:#f8717142;border-radius:7px;font-size:12px}.product-login .error-message.success-message{color:#6ee7b7;background:#10b98117;border-color:#34d39947}@media (width<=820px){.product-login{padding:24px 20px}.product-login .login-card{padding:26px 24px}}@media (height<=640px) and (width<=820px){.product-login{align-items:flex-start;padding-top:20px}.product-login .login-card{padding-top:22px;padding-bottom:22px}.product-login .login-header{margin-bottom:20px}.product-login .form-group{margin-bottom:14px}}