[hidden]{display:none!important}.loading-app{display:grid;place-items:center;height:100vh;color:#8a98ab;font-size:15px}.wms-brand{display:flex;flex-direction:column;gap:7px}.wms-brand img{width:150px;height:auto;display:block;object-fit:contain;filter:brightness(0) invert(1);opacity:.9}.wms-brand>span{font-size:15px;letter-spacing:2px;color:#f4b151;font-weight:600;margin-left:0}.brand:has(.wms-brand){height:100px}.sidebar-user>span:not(.avatar){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login-layout{min-height:100vh;display:grid;grid-template-columns:1.06fr 1fr;background:white}.login-story{background:#202d40;color:#fff;padding:43px 55px;position:relative;display:flex;flex-direction:column;overflow:hidden}.login-story:after{content:'';height:500px;width:500px;border:1px solid #ffffff04;position:absolute;right:-300px;bottom:0;transform:rotate(30deg);border-radius:80px;box-shadow:0 0 0 65px #ffffff02,0 0 0 130px #ffffff02;pointer-events:none}.login-brand{display:flex;align-items:center;gap:23px}.login-brand img{width:150px;height:auto;filter:brightness(0) invert(1);opacity:.95}.login-brand>span{font-size:15px;letter-spacing:2px;color:#f8b45d;border-left:1px solid #ffffff20;padding-left:23px}.login-story-content{margin:auto 0;padding:55px 0 35px;position:relative;z-index:1}.login-eyebrow{color:#9bacbf;letter-spacing:2px;font-size:11px}.login-story h1{color:#fff;font-size:49px;font-weight:550;letter-spacing:-1.6px;line-height:1.22;margin:25px 0 20px}.login-story h1 em{font-style:normal;color:#f4b25a}.login-story p{max-width:350px;font-size:14px;line-height:1.9;color:#95a7bc}.login-story>small{font-size:11px;color:#72869f}.login-features{display:flex;flex-wrap:wrap;gap:16px 22px;font-size:11px;color:#a9b9cd;margin-top:25px}.login-features span{display:flex;align-items:center;gap:7px}.login-features .icon{width:15px;height:15px;color:#d3a463}.warehouse-illustration{position:relative;width:300px;max-width:100%;margin:40px 0 10px;color:#647b97}.warehouse-illustration>div{display:flex;gap:17px;padding:10px 15px;border-bottom:3px solid #435671;border-left:3px solid #435671;border-right:3px solid #435671}.warehouse-illustration>div>.icon{width:48px;height:48px;stroke-width:1}.warehouse-illustration>div:nth-child(2)>.icon:nth-child(2){color:#e6aa59}.warehouse-illustration>span{position:absolute;right:-12px;bottom:-11px;color:#e1ad68;background:#202d40;padding:0 5px}.warehouse-illustration>span>.icon{width:70px;height:60px;stroke-width:1.2}.login-panel{padding:45px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.login-form-wrap{width:100%;max-width:365px}.login-form-wrap>.eyebrow{font-size:10px;letter-spacing:1.6px}.login-form-wrap h2{font-size:29px;letter-spacing:-1px;font-weight:600;line-height:1.3;margin:15px 0 12px;color:#26364d}.login-form-wrap h2>span{color:#ed941f}.login-form-wrap>p{font-size:13px;color:#96a2b2;margin-bottom:30px}.login-form-wrap form .form-field{margin-bottom:19px;font-size:12px;gap:10px}.login-form-wrap input{height:45px;padding:12px 14px;font-size:13px;background:#fdfefe}.login-form-wrap .full-width{height:45px;margin-top:6px;font-size:13px}.login-trust{display:flex;gap:8px;align-items:flex-start;color:#9aa8b9;font-size:10px;line-height:1.7;padding:20px 0}.login-trust .icon{color:#93ab9e;width:16px;height:16px}.login-bottom{position:absolute;bottom:28px;font-size:10px;color:#abb6c4;text-align:center;left:20px;right:20px}.login-suite{border-top:1px solid #edf0f5;padding-top:20px;margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;color:#a6b0be}.login-suite a{color:#c08c44;display:flex;align-items:center;gap:5px}.local-logins{background:#f8fafc;border:1px solid #e8eef4;border-radius:8px;padding:13px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.local-logins>strong{grid-column:1/-1;font-size:11px;color:#91a0b3;font-weight:500;margin-bottom:4px}.local-logins>button{background:#fff;border:1px solid #e3e9f1;padding:9px;border-radius:5px;font-size:10px;color:#7f90a7;display:flex;align-items:center;justify-content:space-between}.local-logins>button:hover{background:#fff7ed}.local-logins .icon{width:12px;height:12px}.users-modal{width:850px}.users-modal .modal-body>.btn{margin-top:20px;margin-bottom:20px}.users-modal .data-table td{padding-left:12px}.scope-check{display:flex;align-items:center;gap:9px;font-size:12px;line-height:1.6;margin:11px 0;color:#708299}.scope-check>input{flex-shrink:0}.scope-list{max-height:240px;overflow:auto;border:1px solid #e4eaf1;border-radius:7px;padding:10px 15px;background:#fafcfe}.scope-list .scope-check{font-size:11px}#password-form .form-field{margin-bottom:17px}#user-form>.modal-body>.form-field{margin-top:20px}.sidebar-compact .wms-brand img{width:45px}.sidebar-compact .brand-name.wms-brand{display:flex}.sidebar-compact .wms-brand>span{font-size:8px;letter-spacing:.8px}.sidebar-compact .brand:has(.wms-brand){height:78px}@media(max-width:1050px){.wms-brand img{width:46px}.brand-name.wms-brand{display:flex}.wms-brand>span{font-size:8px;letter-spacing:.8px}.brand:has(.wms-brand){height:78px}.login-story{padding:35px}.login-panel{padding:35px}.login-story h1{font-size:42px}.login-brand{gap:15px}.login-brand>span{padding-left:15px;font-size:12px}.login-brand img{width:130px}}@media(max-width:760px){.login-layout{grid-template-columns:1fr}.login-story{padding:25px;min-height:180px}.login-story-content{padding:20px 0 0}.login-story h1{font-size:28px;line-height:1.2;margin:12px 0 5px}.login-story h1 br{display:none}.login-story h1 em{display:block}.login-story p,.warehouse-illustration,.login-features,.login-story>small{display:none}.login-eyebrow{font-size:8px}.login-panel{padding:35px 26px 65px;min-height:calc(100vh - 210px)}.login-form-wrap h2{font-size:26px}.login-brand img{width:115px}.login-brand>span{font-size:11px}.login-bottom{bottom:18px;font-size:9px}}@media(max-width:620px){.mobile-open .brand-name.wms-brand{display:flex}.mobile-open .wms-brand img{width:140px}.mobile-open .wms-brand>span{font-size:13px}.mobile-open .brand:has(.wms-brand){height:100px}.users-modal .data-table td{font-size:11px}.users-modal .data-table td strong{font-size:12px}.login-panel .form-field{font-size:12px}}