@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,Arial,sans-serif;color:#18263b;background:#f5f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible{outline:2px solid #00afc4;outline-offset:2px}.app{display:flex;min-height:100vh}.sidebar{width:246px;min-width:246px;background:#0b1e3b;color:#d8e5f6;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;padding:27px 22px;font-size:19px;font-weight:800;letter-spacing:-.6px;color:#fff;line-height:1}.brand small{display:block;font-size:11px;letter-spacing:1.4px;font-weight:500;margin-top:5px;color:#a8c0db}.brandMark{font-size:38px;font-weight:800;line-height:1;color:#00c1dc;font-style:italic;letter-spacing:-6px;padding-right:8px}.sideLabel{font-size:10px;color:#6f89ab;letter-spacing:2px;font-weight:700;margin:25px 22px 12px}.sidebar nav{padding:0 12px;display:grid;gap:4px}.sidebar nav button,.logout{display:flex;align-items:center;gap:13px;border:0;background:transparent;color:#b9cbe1;text-align:left;padding:13px 15px;border-radius:9px;font-size:13px;font-weight:600}.sidebar nav button:hover,.logout:hover{background:#193454;color:#fff}.sidebar nav button.active{background:#087fb9;color:#fff}.sideBottom{margin-top:auto;padding:14px;border-top:1px solid #243956}.company{display:flex;gap:9px;align-items:center;font-size:11px;font-weight:700;padding:10px 5px}.company small{display:block;color:#8ca6c2;font-size:10px;font-weight:400;margin-top:5px}.logout{width:100%;font-size:12px}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:73px;background:#fff;border-bottom:1px solid #e5ebf2;display:flex;align-items:center;justify-content:space-between;padding:0 34px}.crumb{font-size:13px;font-weight:700;color:#516278}.crumb span{color:#a4afbe;font-weight:500}.topright{display:flex;align-items:center;gap:22px;color:#5c6b7e}.demoTag{font-size:10px;font-weight:800;letter-spacing:1px;color:#60788d;background:#edf4f8;padding:8px 10px;border-radius:6px}.avatar{background:#3e587c;color:#fff;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-size:11px;font-weight:800}.content{padding:32px 36px;max-width:1510px;width:100%;margin:0 auto;flex:1}.pageHead{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:27px}.eyebrow{font-size:10px;color:#8395aa;letter-spacing:1.4px;font-weight:800}.pageHead h1{font-size:28px;margin:7px 0 5px;letter-spacing:-.8px;color:#12223b}.pageHead p{color:#8793a5;margin:0;font-size:13px}.headActions{display:flex;gap:8px}.primary,.secondary{border-radius:8px;border:1px solid transparent;padding:10px 14px;font-weight:700;font-size:12px;display:inline-flex;gap:8px;align-items:center;justify-content:center;white-space:nowrap}.primary{background:#0785b9;color:#fff}.primary:hover{background:#006a99}.secondary{background:#fff;color:#31516c;border-color:#d8e3ee}.secondary:hover{background:#f0f6fa}.selected{background:#e1f7fa;border-color:#8bd9e5}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.kpis.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid #e5ebf2;border-radius:12px;padding:20px;box-shadow:0 3px 12px #1a36570a;min-height:112px}.kpiIcon{width:45px;height:45px;display:grid;place-items:center;border-radius:10px;flex-shrink:0}.kpiIcon.blue{background:#e8f1ff;color:#2765cb}.kpiIcon.mint{background:#e4f8ed;color:#1e9a67}.kpiIcon.violet{background:#f0ebff;color:#7654c5}.kpi span,.kpi small{display:block;color:#8390a1;font-size:11px}.kpi strong{display:block;font-size:25px;color:#172740;line-height:1.35}.twoCols{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;margin-bottom:20px}.panel{background:#fff;border:1px solid #e3eaf2;border-radius:12px;padding:22px;box-shadow:0 3px 12px #1a365707;margin-bottom:20px;min-width:0}.panelHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.panelHead h3,.panel h3{margin:0;color:#17253b;font-size:15px}.panelHead>span,.muted{font-size:11px;color:#8d9aad;font-weight:500}.chart{height:195px;border-bottom:1px solid #e6edf5;display:flex;align-items:end;justify-content:space-around;padding:8px 8px 0;background:repeating-linear-gradient(to top,transparent 0,transparent 47px,#eef2f7 48px)}.barGroup{height:100%;display:flex;align-items:end;gap:4px;position:relative;padding-bottom:23px}.barA,.barB{width:15px;border-radius:3px 3px 0 0;background:#2778ed}.barB{background:#0dc1cb}.barGroup small{position:absolute;bottom:3px;left:50%;transform:translate(-50%);font-size:10px;color:#8290a2}.legend{display:flex;justify-content:center;gap:25px;margin-top:15px;font-size:11px;color:#66788d}.legend span:first-child{color:#2778ed}.legend span:last-child{color:#0dc1cb}.taskRow{display:flex;align-items:center;gap:12px;width:100%;border:0;border-bottom:1px solid #edf1f5;background:#fff;padding:14px 4px;text-align:left;color:#34465b;font-size:12px}.taskRow:hover{background:#f8fbfd}.taskRow span{flex:1}.taskRow b{background:#e9f2ff;border-radius:8px;padding:5px 10px;color:#28588e}.tableScroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px;min-width:590px}th{text-align:left;background:#f6f8fb;color:#8793a3;font-size:10px;letter-spacing:.5px;text-transform:uppercase;padding:13px 12px}td{padding:15px 12px;border-bottom:1px solid #edf1f6;color:#59697d}td strong{color:#263b54;font-weight:700}.mono{font-family:ui-monospace,Consolas,monospace;font-size:11px;color:#365c80}.pill{border-radius:20px;padding:6px 9px;font-size:10px;font-weight:800;display:inline-block;white-space:nowrap}.pill.good{background:#e5f7ef;color:#15845a}.pill.warn{background:#fff3e0;color:#ae701e}.pill.info{background:#e9f1ff;color:#3468b4}.pill.neutral{background:#edf0f5;color:#697b91}.smallAction,.textButton{border:0;background:none;color:#087db0;font-size:11px;font-weight:800;display:inline-flex;gap:5px;align-items:center}.smallAction:hover,.textButton:hover{text-decoration:underline}.actions{display:flex;gap:8px;flex-wrap:wrap}.search{border:1px solid #dce5ed;border-radius:9px;display:flex;gap:9px;align-items:center;padding:0 12px;margin-bottom:18px;color:#8795a5;max-width:430px}.search input{border:0;outline:0;padding:12px 0;width:100%;font-size:12px}.warehouseCards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.warehouseCard{padding:25px}.warehouseCircle{width:54px;height:54px;background:#e8f4fb;border-radius:12px;display:grid;place-items:center;color:#0a82b5;margin-bottom:16px}.warehouseCard p{display:flex;gap:5px;align-items:center;color:#8191a5;font-size:12px}.warehouseStats{display:flex;gap:30px;margin:20px 0}.warehouseStats span{font-size:12px;color:#8b9aac}.warehouseStats b{color:#223b54;font-size:17px;display:block}.locations{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.loc{border:1px solid #e5edf4;border-radius:9px;padding:15px;display:grid;gap:6px;color:#087ea9}.loc strong{font-size:12px;color:#263c56}.loc span{font-size:11px;color:#9aabc0}.note{font-size:11px;color:#8898a9;margin-top:18px}.activity{display:flex;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid #edf1f5;font-size:12px;color:#40576f}.activity svg{color:#1eab7a}.activity span{flex:1}.activity small{color:#99a8b9}.settingLine{display:flex;justify-content:space-between;border-bottom:1px solid #edf1f5;padding:17px 0;font-size:12px}.settingsPanel>p{font-size:12px;color:#89a}.settingsPanel>.secondary{margin-top:20px}.mobileWrap{display:flex;align-items:start;justify-content:center;gap:35px}.phone{border:8px solid #12263d;border-radius:32px;background:#f5f8fc;width:355px;max-width:100%;box-shadow:0 15px 45px #122b4a26;overflow:hidden;min-height:610px}.phoneTop{background:#0b1e3b;display:flex;align-items:center;justify-content:space-between;padding:4px 7px}.phoneTop .brand{padding:15px 10px;font-size:15px}.phoneTop .brandMark{font-size:28px}.phoneTop .brand small{font-size:8px}.phoneUser{font-size:8px;color:#b1c4da;padding-right:10px}.phoneBody{padding:23px 18px}.phoneBody h2{margin:0;font-size:21px}.phoneBody>p{color:#8b9bb0;font-size:12px;margin:8px 0 20px}.mobileGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mobileGrid button{border:1px solid #dbe7f0;background:#fff;border-radius:12px;display:grid;place-items:center;gap:11px;padding:20px 6px;font-weight:700;color:#174b74;font-size:12px}.mobileGrid button:hover{border-color:#08a9c5}.scanButton{background:#08a8bb;color:#fff;border:0;border-radius:10px;width:100%;padding:18px;display:flex;gap:10px;align-items:center;justify-content:center;font-size:13px;font-weight:800;margin:18px 0}.mobileInfo{background:#fff;border:1px solid #e5ecf3;border-radius:9px;padding:13px;margin:10px 0;font-size:12px;color:#657a90}.mobileInfo strong{display:block;color:#243a52;margin-bottom:6px}.phoneAside{max-width:270px;padding-top:55px}.phoneAside p{color:#74869b;font-size:13px;line-height:1.7}footer{display:flex;justify-content:space-between;gap:10px;padding:20px 36px;border-top:1px solid #e6ebf2;color:#95a1b0;font-size:10px}.toast{position:fixed;right:22px;bottom:22px;background:#0e314b;color:#fff;box-shadow:0 10px 35px #0003;padding:14px 18px;border-radius:9px;display:flex;align-items:center;gap:10px;font-size:12px;z-index:50}.modalBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a1d37a6;z-index:60;display:grid;place-items:center;padding:16px}.modal{background:#fff;border-radius:14px;padding:25px;width:430px;max-width:100%;box-shadow:0 20px 80px #0004}.modalHead{display:flex;justify-content:space-between;align-items:center}.modalHead h3{margin:0}.modalHead button{border:0;background:none}.modalForm{display:grid;gap:15px;margin-top:20px}.modalForm label,.loginForm label{display:grid;gap:7px;font-size:12px;color:#536b82;font-weight:700}.modalForm input,.modalForm select,.loginForm input{padding:12px;border:1px solid #d9e4ee;border-radius:8px;background:#fff;color:#2c4056}.modalForm p{font-size:12px;color:#8291a3}.wide{width:100%;padding:14px}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.loginPanel{padding:65px clamp(35px,8vw,150px);display:flex;flex-direction:column;justify-content:center}.loginPanel .brand{padding:0;margin-bottom:70px;color:#142b47}.loginPanel .brand small{color:#5c809b}.loginPanel h1{font-size:clamp(36px,4vw,56px);line-height:1.12;letter-spacing:-2px;margin:15px 0}.loginPanel h1 em{color:#03b4c9;font-style:normal}.loginPanel>p{color:#71859b;font-size:15px;line-height:1.7;max-width:400px}.loginForm{display:grid;gap:17px;margin-top:32px;max-width:410px}.loginForm input{background:#f8fafc}.hint{text-align:center;font-size:11px;color:#9cabb9}.loginArt{background:#0b1e3b;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:45px}.warehouseIcon{width:250px;height:250px;border:1px solid #31516e;background:#122b49;border-radius:30px;display:grid;place-items:center;color:#0bc0d3;margin-bottom:30px}.loginArt h2{font-size:31px;line-height:1.3;letter-spacing:-.7px}.loginArt p{color:#a9c1d8}.artPills{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:25px}.artPills span{border:1px solid #36506e;border-radius:30px;padding:10px 13px;font-size:11px}.hamburger,.closeMenu,.scrim{display:none}@media(max-width:1050px){.kpis{grid-template-columns:repeat(2,1fr)}.twoCols{grid-template-columns:1fr}.sidebar{width:210px;min-width:210px}.content{padding:24px}.topbar{padding:0 24px}}@media(max-width:740px){.sidebar{position:fixed;z-index:30;left:-260px;transition:left .2s;width:246px}.sidebar.open{left:0}.scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0008;z-index:25}.hamburger,.closeMenu{display:inline-flex;background:none;border:0;color:inherit}.closeMenu{margin-left:auto}.topbar{height:62px;padding:0 16px}.crumb{margin-right:auto;margin-left:12px}.topright{gap:10px}.demoTag{font-size:8px;padding:6px}.content{padding:20px 14px}.pageHead{align-items:start;flex-direction:column}.pageHead h1{font-size:25px}.kpis,.kpis.compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kpi{padding:13px;min-height:96px;gap:9px}.kpiIcon{width:35px;height:35px}.kpi strong{font-size:21px}.kpi span,.kpi small{font-size:10px}.panel{padding:15px}.panelHead{align-items:start;flex-wrap:wrap}.warehouseCards{grid-template-columns:1fr}.locations{grid-template-columns:repeat(2,1fr)}.mobileWrap{flex-direction:column;align-items:center}.phoneAside{padding:0;max-width:355px}footer{padding:16px;flex-direction:column}.login{grid-template-columns:1fr}.loginPanel{padding:40px 28px}.loginPanel .brand{margin-bottom:45px}.loginArt{display:none}.actions{width:100%}.actions button{flex:1}.chart{height:165px}.barA,.barB{width:11px}}@media(max-width:370px){.kpis,.kpis.compact,.locations{grid-template-columns:1fr}.demoTag{display:none}}:root{--graphite:#1c1e22}body,.sidebar,.loginArt{background:var(--graphite)}.sidebar{border-right:1px solid #30333a}.brand{min-height:78px;padding:14px 16px}.brandLogo{display:block;width:100%;max-width:210px;height:auto;object-fit:contain}.loginPanel .brand{background:var(--graphite);padding:16px 20px;border-radius:12px;max-width:370px;min-height:0}.loginPanel .brandLogo{max-width:330px}.topLogout{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #dce5ee;background:#fff;border-radius:9px;color:#33465e;font-size:12px;font-weight:700;white-space:nowrap}.topLogout:hover{background:#edf6f9;border-color:#00aabd;color:#0b5971}.topLogout:focus-visible{outline:2px solid #00b5c9;outline-offset:2px}@media(max-width:740px){.brand{min-height:72px}.brandLogo{max-width:194px}.topright{gap:8px}.topLogout{padding:9px}.topLogout span{display:none}.topLogout svg{width:19px;height:19px}.topbar .avatar{display:none}}:root{--graphite:#1c1e22;--workspace:#f5f7fb}html,body,#root{min-height:100%;background:var(--workspace)}.app{background:var(--workspace);min-height:100vh;align-items:stretch}.main{background:var(--workspace);min-height:100vh;min-width:0}.content{background:var(--workspace);flex:1 0 auto}.pageHead h1{color:#15263f!important;opacity:1}.pageHead .eyebrow{color:#627c9a}.pageHead p{color:#63768d}.sidebar{background:var(--graphite);height:100vh;max-height:100vh;overflow-y:auto;overflow-x:hidden;flex-shrink:0}.sidebar .brand{flex:0 0 auto;min-height:98px;overflow:hidden;padding:16px 18px}.sidebar .brandLogo{max-width:202px;max-height:72px;object-fit:contain;object-position:left center}.sidebar nav{flex:0 0 auto}.sidebar .sideBottom{position:relative;flex:0 0 auto;margin-top:auto;background:var(--graphite);padding:12px 14px 16px;z-index:1}.sidebar .company{min-width:0;color:#eef4fb;line-height:1.3;overflow-wrap:anywhere}.sidebar .company small{color:#9eafc5}footer{background:#fff;border-top:1px solid #e3eaf1;color:#687a8e;min-height:54px;align-items:center;flex-shrink:0}.login,.loginPanel{background:#fff}.loginPanel .brand{background:transparent!important;padding:0!important;border:0!important;border-radius:0!important;max-width:420px;min-height:0;margin-bottom:52px}.loginPanel .brandLogo{width:100%;max-width:420px;max-height:180px;object-fit:contain;object-position:left center}.loginArt{background:var(--graphite)}.topLogout{flex-shrink:0}@media(max-width:740px){.sidebar{height:100dvh;max-height:100dvh;overflow-y:auto}.sidebar .brand{min-height:88px}.sidebar .brandLogo{max-width:196px}.sidebar .sideBottom{padding-bottom:calc(18px + env(safe-area-inset-bottom))}.main{min-height:100dvh}.content{padding-bottom:28px}.loginPanel .brand{margin-bottom:36px}.loginPanel .brandLogo{max-width:340px}footer{padding:16px;gap:6px}}