body.login-page{padding:0;background:#fff}.login-layout{padding:0;max-width:none;min-height:100dvh;display:grid;grid-template-columns:1fr 1fr}.login-story{position:relative;overflow:hidden;background:#f1f5e9;padding:50px 12%;display:flex;flex-direction:column;justify-content:space-between;min-height:100dvh}.login-story .brand{align-self:flex-start;z-index:1}.login-story-content{z-index:1;margin:70px 0 120px;max-width:440px}.login-story h1{font-size:clamp(30px,3.1vw,46px);letter-spacing:-1.7px;line-height:1.35}.login-story h1 span{color:#8cA176}.login-story-content p{color:#8a967e;line-height:1.9;font-size:14px;max-width:340px;margin-top:22px}.login-branches{display:flex;gap:12px;margin-top:28px}.login-branches>span{display:flex;gap:7px;align-items:center;background:#ffffff7a;border:1px solid #e0e7d7;border-radius:30px;padding:9px 12px;font-size:11px;color:#7c916a}.login-copyright{font-size:11px;color:#9ca990;z-index:1}.login-leaf{position:absolute;right:-75px;bottom:-50px;width:330px;transform:rotate(-15deg);color:#dbe5cc;opacity:.8}.login-form-panel{padding:55px 12%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:25px}.login-form-wrap{width:100%;max-width:360px}.login-lock{height:45px;width:45px;display:grid;place-items:center;background:#f0f5e9;border:1px solid #e4ebd9;border-radius:12px;color:#87a16e;margin-bottom:27px}.login-lock svg{width:24px;height:24px}.login-form-wrap .eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:12px}.login-form-wrap h2{font:750 28px Manrope,Arial,sans-serif;letter-spacing:-1px;margin:0;color:#2f4c31}.login-form-wrap>p{font-size:12px;color:#929e87;line-height:1.8;margin:12px 0 30px}.login-form-wrap label{display:flex;flex-direction:column;gap:9px;color:#607655;font-size:12px;font-weight:550;margin-bottom:19px}.login-form-wrap input{width:100%;padding:13px 14px;border:1px solid #dfe6d7;border-radius:9px;min-height:47px;color:#355334;background:#fcfdf9;font-size:13px}.login-form-wrap input::placeholder{color:#b0b9a5;font-size:12px}.password-wrap{position:relative}.password-wrap input{padding-right:85px}.password-wrap button{position:absolute;right:9px;top:6px;min-height:35px;padding:5px 6px;border:0;background:transparent;color:#8a9e78;font-size:10px}.login-form-wrap .copy{height:47px;font-size:13px;margin-top:24px}.login-help{font-size:11px;color:#9aa78e;line-height:1.8}.login-form-wrap .login-private{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;margin:26px 0 0}.login-mobile-brand{color:#a6b398;font-size:10px;position:absolute;bottom:24px}.account-menu{display:flex;margin-left:auto;align-items:center;gap:15px}.account-name{font-size:12px;color:#7c906b}.account-menu .secondary{padding:9px 13px}.user-list-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.user-list-row strong{font-size:13px;font-weight:600}.user-role{font-size:10px;background:#edf4e3;color:#72935c;padding:6px 9px;border-radius:20px}.user-admin{background:#e3edde;color:#375b38}@media(max-width:760px){.login-layout{display:block;min-height:100dvh;background:#fff}.login-story{min-height:0;padding:28px 7% 25px;background:#f4f7ee}.login-story-content{display:none}.login-copyright,.login-leaf{display:none}.login-form-panel{padding:34px 7% 40px;min-height:calc(100dvh - 97px);justify-content:flex-start;gap:25px}.login-form-wrap{max-width:420px}.login-lock{margin-bottom:22px;height:42px;width:42px}.login-form-wrap h2{font-size:27px}.login-form-wrap input{font-size:16px;min-height:49px}.login-form-wrap input::placeholder{font-size:12px}.login-mobile-brand{position:static;margin-top:20px;font-size:10px}.password-wrap button{min-height:40px;font-size:11px;top:4px}.login-form-wrap .copy{height:49px}.login-form-wrap>p{margin-bottom:26px}.account-menu{width:100%;justify-content:flex-end;margin-top:12px;gap:10px}.topbar:has(.account-menu){height:auto;min-height:80px;flex-wrap:wrap;padding-top:18px;padding-bottom:12px;gap:10px}.account-menu .button{min-height:36px}.account-name{margin-right:auto}.login-form-wrap .login-private{margin-top:24px}}@media(max-width:360px){.login-form-panel{padding-top:28px}.login-story{padding:24px 7%}}