.warehouse-login{background:#f3f6f6;grid-template-columns:1.1fr 1fr;position:relative;isolation:isolate}
.warehouse-login:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(244,249,249,.87) 0%,rgba(244,249,249,.64) 42%,rgba(247,250,250,.96) 61%,#fafcfc 100%),url('/assets/public/warehouse.jpg') center/cover no-repeat}
.warehouse-login .login-story{background:none;color:#193943;padding:38px 48px 28px}
.warehouse-login .brand{font-size:23px;letter-spacing:1px;align-items:center}
.warehouse-login .brand-mark{background:#fff9;border:1px solid #4c8e8877;color:#17675f;width:44px;height:44px;font-size:27px;border-radius:11px}
.warehouse-login .brand small{display:block;color:#4c686d;letter-spacing:2px;font-size:9px;margin:7px 0 0}
.warehouse-login .story-content{padding:45px 30px;margin:auto 0}
.warehouse-login .eyebrow{color:#286d68;letter-spacing:2px;font-size:10px;font-weight:700}
.warehouse-login .story-content h1{font-size:48px;line-height:1.4;letter-spacing:-2px;font-weight:500;margin:25px 0 18px}
.warehouse-login .story-content>p:not(.eyebrow){color:#36565e;font-size:14px;line-height:2;margin-top:15px}
.journey{display:flex;align-items:center;gap:24px;font-size:11px;color:#36565e;letter-spacing:2px;margin:24px 0 32px}.journey i{font-style:normal;color:#71948d}
.workflow-card{padding:23px 24px;max-width:390px;border:1px solid #fff;border-radius:12px;background:#ffffffb8;box-shadow:0 10px 35px #254c4b08;backdrop-filter:blur(6px)}
.workflow-card h3{margin:12px 0 9px;font-size:18px}.workflow-card p{font-size:12px;color:#577077;line-height:1.9;margin-bottom:18px}.workflow-roles{display:flex;gap:8px}.workflow-roles span{font-size:10px;background:#e6f0ed;padding:7px 12px;border-radius:4px;color:#36716a}
.warehouse-login .story-footer{font-size:9px;color:#537177;letter-spacing:1px;display:flex;gap:18px;flex-wrap:wrap}.story-footer a{font-size:8px;letter-spacing:0;color:#657d82}
.warehouse-login .login-panel{background:transparent;padding:55px 40px}
.warehouse-login .login-card{width:410px;padding:34px 28px;background:#ffffffd6;border:1px solid #fff;border-radius:15px;box-shadow:0 18px 60px #173c4308}
.warehouse-login .login-card h2{font-size:31px;letter-spacing:1px;margin:16px 0 18px;font-weight:650}
.warehouse-login .login-card .muted{line-height:1.9;color:#668087;font-size:14px}
.warehouse-login .login-card form{margin-top:25px}.warehouse-login .login-card label{font-size:12px;color:#365b63}
.warehouse-login .login-card input{height:48px;background:#f6f9f9;border-color:#d6e2e1;font-size:13px}
.warehouse-login .password-wrap{background:#f6f9f9;border-color:#d6e2e1}.warehouse-login .password-wrap input{background:transparent}
.warehouse-login .primary{height:48px;background:#187c77;font-weight:500;letter-spacing:1px}.warehouse-login .primary:hover{background:#126860}
.login-help{display:flex;gap:20px;border-top:1px solid #e2ebea;padding-top:22px;margin-top:23px;font-size:11px;color:#4f7076}.login-help strong{white-space:nowrap}.login-help p{margin:0;line-height:1.8}
.warehouse-login details{font-size:11px;color:#54757b;margin-top:16px}.warehouse-login summary{cursor:pointer}.warehouse-login details p{padding:10px 0 0;line-height:1.8;color:#698188;margin:0}
@media(min-width:1500px){.warehouse-login .login-story{padding-left:65px}.warehouse-login .story-content{padding-left:45px}.warehouse-login .story-content h1{font-size:54px}}
@media(max-width:1000px){.warehouse-login .login-story{padding:28px}.warehouse-login .story-content{padding:35px 0}.warehouse-login .story-content h1{font-size:38px}.warehouse-login .login-panel{padding:35px 20px}.warehouse-login .login-card{padding:27px 22px}.journey{gap:15px}}
@media(max-width:700px){.warehouse-login:before{background:linear-gradient(#f3f9f9d9,#f8fbfbf2),url('/assets/public/warehouse.jpg') center/cover no-repeat}.warehouse-login .login-story{padding:24px 26px 10px}.warehouse-login .brand{font-size:20px}.warehouse-login .story-content{display:none}.warehouse-login .story-footer{display:none}.warehouse-login .login-panel{padding:16px 20px 32px;min-height:calc(100vh - 84px)}.warehouse-login .login-card{width:100%;padding:28px 23px}.warehouse-login .login-card h2{font-size:28px}.login-help{gap:12px}}

.sidebar .brand{font-size:18px;letter-spacing:0}.sidebar .brand-mark{font-size:22px}

.workflow-roles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.workflow-roles span{display:flex;flex-direction:column;align-items:center;gap:8px;background:#fff9;padding:12px 6px;font-size:11px}.workflow-roles img{width:44px;height:44px}