.login-shell{background:radial-gradient(circle at 12% 14%, var(--app-current-tint), transparent 34%), radial-gradient(circle at 88% 86%, var(--app-payhouse-tint), transparent 36%), var(--bg-app);gap:var(--sp-7);min-height:100vh;padding:var(--sp-8);grid-template-columns:minmax(0,1.1fr) minmax(360px,440px);display:grid}.login-brand-panel,.login-card{background:color-mix(in srgb, var(--bg-surface) 88%, transparent);border:1px solid var(--bd-default);border-radius:var(--r-4);box-shadow:var(--el-2)}.login-brand-panel{min-height:calc(100vh - 80px);padding:var(--sp-7);flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}.login-brand-panel:after{background:linear-gradient(var(--bd-faint) 1px, transparent 1px), linear-gradient(90deg, var(--bd-faint) 1px, transparent 1px);content:"";opacity:.72;pointer-events:none;background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(120deg,#0000 0%,#000 28% 68%,#0000 100%);mask-image:linear-gradient(120deg,#0000 0%,#000 28% 68%,#0000 100%)}.login-brand-top,.login-hero-copy,.login-system-strip{z-index:1;position:relative}.login-brand-top{align-items:center;gap:var(--sp-3);display:flex}.login-brand-title{color:var(--fg-strong)}.login-hero-copy{max-width:740px}.login-hero-copy h1{color:var(--fg-strong);font-family:var(--ff-display);font-size:var(--fs-48);font-weight:var(--fw-semibold);line-height:var(--lh-tight);margin:0}.login-hero-copy p:last-child{color:var(--fg-muted);font-size:var(--fs-16);line-height:var(--lh-normal);margin:var(--sp-4) 0 0;max-width:620px}.login-system-strip{gap:var(--sp-2);flex-wrap:wrap;display:flex}.login-system-strip span{background:var(--bg-surface);border:1px solid var(--bd-faint);border-radius:var(--r-pill);color:var(--fg-muted);font-size:var(--fs-12);font-weight:var(--fw-medium);padding:5px 10px}.login-card{padding:var(--sp-7);flex-direction:column;align-self:center;display:flex}.login-card-top{align-items:flex-start;gap:var(--sp-4);justify-content:space-between;display:flex}.login-parent-logo{border-radius:var(--r-3);height:auto;margin-bottom:var(--sp-5);width:132px;max-width:150px}.login-card h2{color:var(--fg-strong);font-family:var(--ff-display);font-size:var(--fs-28);font-weight:var(--fw-semibold);line-height:var(--lh-snug);margin:0}.login-card p{color:var(--fg-muted);font-size:var(--fs-14);line-height:var(--lh-normal);margin:var(--sp-3) 0 0}.login-password-form{gap:var(--sp-4);margin-top:var(--sp-5);display:grid}.field-password-wrap{background:var(--field-bg);border:1px solid var(--field-bd);border-radius:var(--r-3);align-items:center;display:flex}.field-password-wrap:focus-within{border-color:var(--field-bd-focus);box-shadow:var(--field-shadow-focus)}.field-password-wrap input{background:0 0;border:none;flex:1;min-width:0}.field-password-wrap input:focus{box-shadow:none;outline:none}.field-password-toggle{flex-shrink:0;margin-right:4px;box-shadow:none!important;background:0 0!important;border:none!important}.field-password-toggle:hover{background:color-mix(in srgb, var(--app-current-tint) 14%, transparent)!important;transform:none!important}.login-button{height:40px;margin-top:var(--sp-2);width:100%}.login-security-note{font-size:var(--fs-12)!important}.login-card .login-sign-in-error{background:var(--status-danger-bg);border:1px solid color-mix(in srgb, var(--status-danger) 28%, var(--bd-default));border-radius:var(--r-3);color:var(--status-danger);margin-top:var(--sp-5);padding:var(--sp-3) var(--sp-4)}@media (max-width:980px){.login-shell{padding:var(--sp-4);grid-template-columns:1fr}.login-brand-panel{min-height:auto}.login-hero-copy{margin:var(--sp-8) 0}.login-hero-copy h1{font-size:var(--fs-36)}}.login-sso-button{background:color-mix(in srgb, var(--bg-raised) 92%, var(--app-current-tint) 8%);border:1px solid color-mix(in srgb, var(--bd-faint) 82%, var(--app-current) 18%);box-shadow:0 1px 2px color-mix(in srgb, var(--fg-default) 6%, transparent);color:var(--fg-default);font-weight:var(--fw-semibold);gap:var(--sp-2);margin-top:var(--sp-5);justify-content:center;width:100%;min-height:46px}.login-sso-button:hover,.login-sso-button:focus-visible{background:color-mix(in srgb, var(--bg-raised) 84%, var(--app-current-tint) 16%);border-color:color-mix(in srgb, var(--bd-default) 70%, var(--app-current) 30%);box-shadow:0 2px 8px color-mix(in srgb, var(--fg-default) 8%, transparent)}.login-sso-logo{object-fit:contain;width:21px;height:24px;display:block}