/* Login design matches the approved WEDER-Flow proposal. */
.modern-login{min-height:100dvh;display:flex;flex-direction:column;background:#f6f9fc;color:#111b31;font-family:"Source Sans Pro",Arial,sans-serif;padding:28px 40px 22px;font-size:16px;--border:#dce4ee;--muted:#748098}
.modern-login-header{padding:0 26px 32px}.modern-login .backend-wordmark{font-size:30px;display:inline-flex;align-items:baseline;gap:6px;white-space:nowrap;color:#111b31}.modern-login .backend-wordmark strong{font-weight:700}.modern-login .backend-wordmark>span{font-weight:300;color:#748098}.modern-login .backend-wordmark b{color:#4e8223}
.modern-login-panel{display:grid;grid-template-columns:55% 45%;width:100%;max-width:1440px;padding:0;margin:auto;border:1px solid #dce4ee;border-radius:8px;background:white;overflow:hidden;min-height:760px;flex:1}
.modern-login-story{--login-art-bottom:32px;min-width:0;position:relative;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(125deg,#f4faef,#f8fbf5 60%,#eaf4e2);background-position:center center;background-size:auto;background-repeat:no-repeat;padding:68px 9% 32px}
.modern-login-intro{position:relative;z-index:1}.modern-login-eyebrow{display:block;color:#748098;letter-spacing:1.5px;font-size:16px;margin-bottom:32px}.modern-login-story h1{font-size:clamp(44px,4.6vw,72px);font-weight:700;line-height:1.08;letter-spacing:-1px;color:#111b31;margin:0 0 28px}.modern-login-story h1 em{color:#4e8223;font-style:normal;white-space:nowrap}.modern-login-story p{font-size:clamp(20px,1.8vw,27px);line-height:1.4;color:#536581;margin:0}
.modern-login-art{height:310px;position:relative;margin:32px -7% 0;min-height:260px;flex:1;display:flex;align-items:center;justify-content:space-between;padding:35px 6% 0}.login-art-waves{position:absolute;inset:0 -18%;width:136%;height:calc(100% + var(--login-art-bottom));pointer-events:none}.login-art-node{position:relative;width:28%;display:flex;flex-direction:column;align-items:center;gap:10px}.login-art-node-1{transform:translateY(-22px)}.login-art-node-2{transform:translateY(15px)}.login-art-person{width:54px;height:54px;display:grid;place-items:center;border:3px solid white;border-radius:50%;box-shadow:0 0 0 1px #ffffff60}.login-art-person .icon{width:30px;height:30px}.login-art-person.peach{background:#ffdfc5;color:#ae5a23}.login-art-person.blue{background:#d6ebfb;color:#487fa9}.login-art-person.purple{background:#e9dfff;color:#8263b3}.login-art-card{width:100%;background:#fff;border-radius:7px;box-shadow:0 14px 30px #5b873516;padding:16px 10px;display:flex;flex-direction:column;align-items:center;gap:10px;min-height:152px}.login-art-card>span{height:52px;width:52px;background:#edf5e8;border-radius:9px;display:grid;place-items:center;color:#4e8223}.login-art-card .icon{width:31px;height:31px}.login-art-card strong{font-size:16px;color:#263d60}.login-art-card i{height:10px;width:80%;border-radius:6px;background:#e7ecf2}.login-art-card i:last-child{width:60%;align-self:flex-start;margin-left:10%}
.modern-login-form-area{display:flex;align-items:center;padding:65px 10%;min-width:0;background:white}.modern-login #login-form{width:100%;max-width:510px;margin:auto;display:flex;flex-direction:column;gap:0}.modern-login-user{width:86px;height:86px;display:grid;place-items:center;background:#edf5e8;color:#4e8223;border-radius:13px;margin-bottom:25px}.modern-login-user .icon{width:45px;height:45px}.modern-login h2{font-size:clamp(30px,3.2vw,46px);font-weight:700;line-height:1.15;letter-spacing:-.6px;color:#111b31;margin:0 0 12px}.modern-login #login-form>p{font-size:19px;color:#748098;line-height:1.45;margin:0 0 38px}.modern-login #login-form>label{display:flex;flex-direction:column;gap:8px;font-size:16px;font-weight:400;color:#2c405f;margin-bottom:24px}.modern-login #login-form input{width:100%;min-height:54px;padding:13px 18px;border:1px solid #cbd6e5;background:white;border-radius:5px;color:#172039;font-size:18px;line-height:1.4;box-shadow:none}.modern-login #login-form input::placeholder{color:#909db5}.modern-login :is(input,button,a):focus-visible{outline:2px solid #669e31;outline-offset:3px}.modern-login .form-error:empty{display:none}.modern-login .form-error{margin:0 0 16px;color:#9c443d;font-size:16px}.modern-login #login-form>.btn{width:100%;min-height:58px;display:flex;position:relative;align-items:center;justify-content:center;border:1px solid #82b044;border-radius:5px;background:linear-gradient(115deg,#91bd52,#78ab3d 60%,#60942d);color:white;font-size:20px;font-weight:700;box-shadow:inset 0 1px 0 #ffffff25;margin:4px 0 0;padding:14px 50px}.modern-login #login-form>.btn .icon{position:absolute;right:23px;width:25px;height:25px}.modern-login #login-form>.btn:hover{background:linear-gradient(115deg,#7cab3e,#66982d 60%,#4e8021)}
.modern-login-careers{display:flex;align-items:center;gap:24px;border-top:1px solid #dce4ee;margin-top:42px;padding-top:28px}.modern-login-careers>span{width:60px;height:60px;border-radius:8px;display:grid;place-items:center;background:#edf5e8;color:#4e8223;flex-shrink:0}.modern-login-careers>span .icon{width:32px;height:32px}.modern-login-careers>div{display:flex;flex-direction:column;gap:9px}.modern-login-careers a:first-child{color:#4e8223;font-size:20px;font-weight:700;display:flex;align-items:center;gap:15px}.modern-login-careers a:last-child{color:#748098;font-size:16px}.modern-login-footer{padding:26px 26px 0;display:flex;justify-content:space-between;gap:20px;font-size:15px;color:#748098}.modern-login-footer strong{color:#263b5b}.modern-login-footer strong>span{color:#669e31}.modern-login-footer nav{display:flex;gap:28px;align-items:center}.modern-login-footer button{font:inherit;color:inherit;padding:0}
.login-settings-panel{padding:24px}.login-settings-panel .panel-heading{padding:0 0 24px}.login-settings-panel form{max-width:850px}.login-design-preview{border:1px solid #dce4ee;border-radius:6px;overflow:hidden}.login-design-preview .modern-login-story{--login-art-bottom:20px;padding:35px 8% 20px;min-height:540px}.login-design-preview .modern-login-story h1{font-size:44px}.login-design-preview .modern-login-story p{font-size:23px}.login-design-preview .modern-login-eyebrow{font-size:13px}.login-design-preview .modern-login-art{min-height:240px;height:240px}
@media(min-width:1600px){.modern-login{padding-top:35px}.modern-login-header,.modern-login-footer{width:100%;max-width:1440px;margin-left:auto;margin-right:auto}}
@media(max-width:1050px){.modern-login{padding:22px}.modern-login-panel{grid-template-columns:52% 48%;min-height:690px}.modern-login-story{--login-art-bottom:25px;padding:50px 8% 25px}.modern-login-eyebrow{font-size:12px;letter-spacing:1px}.modern-login-story h1{font-size:40px}.modern-login-story p{font-size:21px}.modern-login-art{padding-left:0;padding-right:0}.login-art-card{padding:13px 7px}.login-art-card strong{font-size:13px}.modern-login-form-area{padding:44px 8%}.modern-login h2{font-size:29px}.modern-login #login-form>p{font-size:17px}.modern-login-careers{gap:14px}.modern-login-careers a:first-child{font-size:17px}.modern-login-footer{padding:22px 0 0;font-size:13px;flex-wrap:wrap}}
@media(max-width:740px){.modern-login{padding:20px 16px}.modern-login-header{padding:0 5px 22px}.modern-login .backend-wordmark{font-size:25px}.modern-login-panel{grid-template-columns:1fr;flex:none;min-height:0}.modern-login-story{padding:30px 26px}.modern-login-story h1{font-size:38px}.modern-login-story h1 br{display:none}.modern-login-story h1 em{white-space:normal}.modern-login-eyebrow{font-size:11px;margin-bottom:18px}.modern-login-story p{font-size:19px}.modern-login-art{display:none}.modern-login-form-area{padding:32px 26px}.modern-login-user{width:58px;height:58px;margin-bottom:18px}.modern-login-user .icon{width:33px;height:33px}.modern-login h2{font-size:32px}.modern-login #login-form>p{margin-bottom:26px}.modern-login-careers{margin-top:30px;padding-top:22px}.modern-login-footer{font-size:12px;gap:16px}.modern-login-footer nav{flex-wrap:wrap;gap:18px}.login-design-preview .modern-login-story h1{font-size:34px}}