:root{color:#17202a;--k-color-primary:#ff6358;--k-color-secondary:#eef2f6;--k-color-surface:#f8fafb;--k-color-surface-alt:#fff;--k-color-border:#d9dee3;--k-color-text:#17202a;--k-color-subtle:#647386;--k-radius-md:4px;--k-radius-sm:4px;--k-shadow-1:none;font-synthesis:none;text-rendering:optimizelegibility;background:#edf2f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}button,input,select{font:inherit}button{cursor:pointer}.appShell{background:#edf2f5;width:100%;height:100vh;min-height:100vh;display:flex}.shellMain{flex-direction:column;flex:1;min-width:0;display:flex}.shellContent{flex:1;min-height:0;overflow:auto}.opsRail{background:#17202a;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;width:84px;height:100%;padding:12px 0;display:flex}.opsRailLogo{color:#fff;background:#ff6358;border-radius:6px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:8px;display:flex}.opsRail nav{flex-direction:column;gap:2px;width:100%;padding:0 8px;display:flex}.opsRail button{color:#ffffff9e;background:0 0;border:0;border-radius:6px;flex-direction:column;align-items:center;gap:3px;min-height:62px;padding:8px 2px;font-size:9px;font-weight:600;display:flex}.opsRail button span{text-align:center;overflow-wrap:anywhere;max-width:62px;line-height:1.1}.opsRail button:hover,.opsRail button.isActive{color:#fff;background:#ff6358}.opsSubSidebar{background:#f8fafb;border-right:1px solid #17202a1a;flex-direction:column;flex-shrink:0;width:216px;height:100%;padding:16px 12px;display:flex}.opsSubSidebar h2{color:#647386;letter-spacing:.04em;text-transform:uppercase;margin:0 0 12px;padding:0 8px;font-size:12px;font-weight:850}.opsSubSidebar nav{flex-direction:column;gap:2px;display:flex}.opsSubSidebar button{color:#647386;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;min-height:34px;padding:8px 10px;font-size:13px;font-weight:700;display:flex}.opsSubSidebar button:hover{color:#17202a;background:#eef2f6}.opsSubSidebar button.isActive{color:#d84438;background:#ff63581f}.opsTopbar{background:#f8fafb;border-bottom:1px solid #17202a1a;flex-shrink:0;grid-template-columns:minmax(190px,auto) minmax(260px,480px) auto;align-items:center;gap:16px;height:56px;padding:0 20px;display:grid}.opsCompany{color:#17202a;align-items:center;gap:8px;font-size:14px;font-weight:800;display:flex}.opsUserButton{color:#17202a;background:0 0;border:0;border-radius:6px;justify-self:end;align-items:center;gap:8px;min-height:38px;padding:4px 8px;display:flex}.opsUserButton:hover{background:#eef2f6}.opsAvatar{color:#d84438;background:#ff63581f;border-radius:50%;place-items:center;width:30px;height:30px;font-size:12px;font-weight:850;display:grid}.opsUserButton span:not(.opsAvatar){text-align:left;gap:1px;display:grid}.opsUserButton strong{font-size:12px}.opsUserButton small{color:#647386;font-size:11px}.appHeader{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7f9faf0;border-bottom:1px solid #17202a1a;grid-template-columns:minmax(190px,.8fr) auto minmax(260px,.9fr) minmax(150px,.5fr);align-items:center;gap:18px;min-height:66px;padding:10px 20px;display:grid;position:sticky;top:0}.kButton{border:1px solid var(--k-color-primary);border-radius:var(--k-radius-sm);background:var(--k-color-primary);color:#fff;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 12px;font-size:13px;font-weight:800;display:inline-flex}.kButton[data-size=sm]{min-height:32px;padding:0 10px;font-size:12px}.kButton[data-fill=outline]{color:var(--k-color-primary);background:0 0}.kButton[data-fill=flat]{color:var(--k-color-text);background:#17202a12;border-color:#0000}.kButton[data-theme=secondary][data-fill=solid]{border-color:var(--k-color-border);background:var(--k-color-secondary);color:var(--k-color-text)}.kButtonIcon{display:inline-flex}.kCard{border:1px solid var(--k-color-border);border-radius:var(--k-radius-md);background:var(--k-color-surface);box-shadow:var(--k-shadow-1)}.kCard[data-compact=true]{border-radius:var(--k-radius-sm)}.kCard[data-selected=true]{background:#eaf4fb;border-color:#2d7fb88c}.kCardHeader{border-bottom:1px solid var(--k-color-border);justify-content:space-between;align-items:end;gap:12px;padding:14px;display:flex}.kCardHeader p{color:var(--k-color-subtle);text-transform:uppercase;margin:0;font-size:11px;font-weight:800}.kCardHeader h2{color:var(--k-color-text);margin:3px 0 0;font-size:18px}.kCardBody{padding:14px}.kSearchBox,.kSelect{border:1px solid var(--k-color-border);border-radius:var(--k-radius-sm);min-height:38px;color:var(--k-color-subtle);background:#fff;align-items:center;gap:8px;padding:0 10px;display:flex}.kSearchBox input,.kSelect select{width:100%;min-width:0;color:var(--k-color-text);background:0 0;border:0;outline:0;font-size:13px;font-weight:650}.globalContainerSearch{justify-self:stretch;width:100%}.brandBlock{align-items:center;gap:10px;min-width:0;display:flex}.brandMark{color:#fff;background:#17202a;border-radius:6px;place-items:center;width:38px;height:38px;font-size:13px;font-weight:850;display:grid}.brandBlock p,.label{color:#5f6d7b;letter-spacing:0;text-transform:uppercase;margin:0;font-size:11px;font-weight:800}.brandBlock h1{color:#17202a;letter-spacing:0;margin:2px 0 0;font-size:18px;line-height:1}.topNav{background:#ffffffb8;border:1px solid #17202a17;border-radius:8px;align-items:center;gap:6px;padding:5px;display:flex}.topNav button{color:#465565;background:0 0;border:0;border-radius:6px;align-items:center;gap:7px;min-height:34px;padding:0 11px;font-size:13px;font-weight:750;display:inline-flex}.topNav button.isActive,.topNav button:hover{color:#fff;background:#17202a}.warehouseBadge{color:#536273;justify-items:end;gap:2px;font-size:12px;display:grid}.warehouseBadge span{color:#17202a;font-weight:850}.warehouseBadge strong{font-size:12px}.warehouseBadge button{color:#647386;background:0 0;border:0;font-size:11px;font-weight:800}.loginPage{background:#edf2f5;place-items:center;min-height:100vh;padding:20px;display:grid}.loginCard{border:1px solid var(--k-color-border);border-radius:var(--k-radius-md);background:var(--k-color-surface);gap:16px;width:min(430px,100%);padding:24px;display:grid;box-shadow:0 20px 50px #17202a24}.loginBrand{border-bottom:1px solid var(--k-color-border);padding-bottom:12px}.loginCard h2{color:#17202a;margin:5px 0 0;font-size:25px}.loginCard p:not(.label):not(.loginError){color:#647386;margin:8px 0 0;font-size:13px;line-height:1.45}.loginField{color:#536273;gap:6px;font-size:12px;font-weight:850;display:grid}.loginField input{border-radius:var(--k-radius-sm);color:#17202a;background:#fff;border:1px solid #17202a21;min-height:40px;padding:0 11px}.loginError{color:#9e362f;margin:0;font-size:13px;font-weight:800}.pageContent{width:min(1440px,100%);margin:0 auto;padding:20px}.pageHero{background:#f8fafb;border:1px solid #17202a14;border-radius:8px;justify-content:space-between;align-items:end;gap:24px;min-height:158px;padding:24px;display:flex;box-shadow:0 14px 34px #17202a14}.pageHero h2,.pageToolbar h2{color:#17202a;letter-spacing:0;margin:6px 0 0;font-size:30px;line-height:1.05}.pageHero p:not(.label){color:#536273;max-width:620px;margin:10px 0 0;font-size:15px;line-height:1.5}.pageHero button,.mapAction{color:#fff;background:#17202a;border:1px solid #17202a;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-size:13px;font-weight:800;display:inline-flex}.metricGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.metricCard,.overviewPanel,.inventoryMain,.detailPanel{border:1px solid var(--k-color-border);border-radius:var(--k-radius-md);background:var(--k-color-surface);box-shadow:none}.metricCard{gap:5px;padding:15px;display:grid}.metricCard span{color:#647386;font-size:12px;font-weight:750}.metricCard strong{color:#17202a;font-size:24px}.overviewGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.panelTitle{color:#2d4f66;align-items:center;gap:8px;margin-bottom:12px;display:flex}.panelTitle h3{color:#17202a;margin:0;font-size:15px}.recordList{gap:8px;display:grid}.recordList button{color:#17202a;text-align:left;background:#ffffffc2;border:1px solid #17202a14;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:54px;padding:9px;display:flex}.recordList span{color:#647386;gap:2px;min-width:0;font-size:12px;display:grid}.recordList strong{color:#17202a;font-size:13px}.recordList small{color:#536273;font-size:12px;font-weight:750}.countList{gap:8px;display:grid}.countList div{color:#536273;border-bottom:1px solid #17202a14;justify-content:space-between;align-items:center;min-height:32px;padding-bottom:7px;font-size:13px;display:flex}.countList strong{color:#17202a}.inventoryLayout,.twoColumnPage{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:14px;display:grid}.supplierGrid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin-top:14px;display:grid}.supplierCard{border-radius:var(--k-radius-sm);color:#17202a;text-align:left;background:#ffffffbf;border:1px solid #17202a1a;align-content:start;gap:6px;min-height:126px;padding:13px;display:grid}.supplierCard:hover,.supplierCard.isSelected{background:#eaf4fb;border-color:#2d7fb88c}.supplierCard strong{font-size:14px}.supplierCard small,.supplierCard span:not(.supplierIcon){color:#647386;font-size:12px;font-weight:700}.supplierIcon{border-radius:var(--k-radius-sm);color:#2d4f66;background:#17202a14;place-items:center;width:32px;height:32px;display:grid}.inventoryMain{min-width:0}.inventoryMain .kCardBody{gap:12px;padding:12px;display:grid}.pageToolbar{justify-content:space-between;align-items:end;gap:14px;display:flex}.pageToolbar span{color:#536273;font-size:13px;font-weight:800}.filterBar{grid-template-columns:minmax(260px,1fr) 180px 160px auto;gap:9px;margin:0;display:grid}.clearFilters{min-height:38px}.tableWrap{border:1px solid var(--k-color-border);border-radius:var(--k-radius-sm);background:#fff;min-height:320px;position:relative;overflow:auto}.kGridTable{border-collapse:collapse;table-layout:fixed;width:100%}.kGridTable th{z-index:1;border-bottom:1px solid var(--k-color-border);color:#647386;text-align:left;background:#f3f4f5;font-size:12px;font-weight:850;position:sticky;top:0}.kGridTable th button{width:100%;min-height:38px;color:inherit;text-align:left;font-size:inherit;font-weight:inherit;background:0 0;border:0;justify-content:space-between;align-items:center;gap:6px;padding:0 11px;display:flex}.kGridTable td{color:#293847;vertical-align:middle;border-bottom:1px solid #e9ecef;height:48px;padding:6px 11px;font-size:13px}.kGridTable th:first-child,.kGridTable td:first-child{width:104px}.kGridTable th:nth-child(3),.kGridTable td:nth-child(3){width:116px}.kGridTable th:nth-child(5),.kGridTable td:nth-child(5){width:96px}.kGridTable th:nth-child(6),.kGridTable td:nth-child(6){width:116px}.kGridTable tbody tr{cursor:pointer}.kGridTable tbody tr:hover{background:#f5f7f8}.kGridTable tbody tr.isSelected{background:#fff3f2;box-shadow:inset 3px 0 #ff6358}.tableCustomer,.tableLocation{white-space:nowrap;gap:2px;min-width:0;font-weight:750;display:grid;overflow:hidden}.tableCustomer,.tableLocation,.tableCustomer small,.tableLocation small{text-overflow:ellipsis;overflow:hidden}.tableCustomer small,.tableLocation small{color:#647386;font-size:11px;font-weight:650}.emptyTable{color:#647386;margin:0;padding:18px;font-size:13px}.statusChip{color:#293847;white-space:nowrap;background:#17202a14;border-radius:999px;align-items:center;width:max-content;min-height:22px;padding:3px 8px;font-size:11px;font-weight:850;display:inline-flex}.statusReceiving,.statusPutaway{color:#245f86;background:#2d7fb824}.statusStored,.statusReady,.statusDispatched{color:#2b744b;background:#3c986426}.statusInspection,.priorityHigh{color:#8d551f;background:#b86f2d2b}.statusHold,.priorityCritical{color:#9e362f;background:#c94d4529}.priorityLow,.priorityNormal,.neutralLocal,.neutralExport,.neutralBonded,.neutralFreezone{color:#465565;background:#17202a14}.detailPanel{position:sticky;top:86px}.detailPanel .kCardBody{gap:12px;padding:12px;display:grid}.detailHeader{justify-content:space-between;align-items:start;gap:12px;display:flex}.detailHeader h2{letter-spacing:0;margin:4px 0 0;font-size:24px}.detailSection h3{color:#17202a;margin:0;font-size:16px}.detailSection p{color:#536273;margin:5px 0 0;font-size:13px}.detailChips{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.detailFacts{gap:10px;margin:0;display:grid}.detailFacts div{border:1px solid var(--k-color-border);border-radius:var(--k-radius-sm);background:#fff;gap:4px;padding:9px;display:grid}.detailFacts dt{color:#647386;align-items:center;gap:6px;font-size:12px;font-weight:800;display:inline-flex}.detailFacts dd{color:#17202a;margin:0;font-size:13px;font-weight:750}.nextMove{border-radius:var(--k-radius-sm);background:#fff3f2;border-left:3px solid #ff6358;padding:10px}.nextMove span{color:#b13c33;text-transform:uppercase;font-size:11px;font-weight:850}.nextMove p{color:#17202a;margin:4px 0 0;font-size:13px;line-height:1.42}.detailActions{grid-template-columns:1fr;gap:8px;display:grid}.emptyDetail{color:#647386;text-align:center;place-items:center;gap:8px;min-height:280px;display:grid}.emptyDetail h2{color:#17202a;margin:0;font-size:18px}.emptyDetail p{max-width:260px;margin:0;font-size:13px;line-height:1.45}.warehousePage{min-height:calc(100vh - 66px);position:relative;overflow:hidden}.panel{z-index:2;width:340px;position:absolute;top:18px;left:18px}.panel .kCardBody{gap:12px;padding:12px;display:grid}.panel h1{letter-spacing:0;margin:0;font-size:26px;line-height:1}.serial{color:#2d4f66;letter-spacing:0;margin:5px 0 0;font-size:13px;font-weight:850}.metrics{grid-template-columns:repeat(2,1fr);gap:9px;margin:0;display:grid}.metrics div{background:#ffffffb8;border:1px solid #17202a1a;border-radius:6px;gap:3px;padding:9px;display:grid}.metrics dt{color:#647386;font-size:12px}.metrics dd{color:#17202a;margin:0;font-size:16px;font-weight:800}.hint{color:#647386;margin:0;font-size:12px}.containerSearch{z-index:2;width:410px;position:absolute;top:18px;bottom:86px;right:18px}.containerSearch .kCardBody{grid-template-rows:auto auto minmax(0,1fr);gap:10px;height:100%;padding:14px;display:grid}.searchHeader{justify-content:space-between;align-items:center;gap:12px;display:flex}.searchHeader h2{color:#17202a;letter-spacing:0;margin:0;font-size:17px}.searchHeader p{color:#647386;margin:3px 0 0;font-size:12px;font-weight:750}.containerSearch .kSearchBox{min-height:40px}.containerResults{grid-auto-rows:max-content;align-content:start;gap:4px;min-height:0;padding-right:2px;display:grid;overflow:auto}.containerRow{color:#17202a;text-align:left;background:0 0;border:1px solid #0000;border-bottom-color:#17202a17;border-radius:0;gap:3px;min-height:66px;padding:8px 10px;line-height:1.2;display:grid;overflow:hidden}.containerRow:hover,.containerRow.isSelected{border-radius:var(--k-radius-sm);background:#ff635814;border-color:#ff635847}.containerRowMain,.containerRowSub{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;display:grid}.containerIdentity{align-items:baseline;gap:8px;min-width:0;display:flex}.containerId{font-size:13px;font-weight:850}.containerCustomer{color:#293847;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.containerCommodity,.containerMeta{color:#647386;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650;overflow:hidden}.containerMeta{color:#536273;justify-self:end;max-width:165px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:11px}.emptySearch{color:#647386;border:1px dashed #17202a2e;border-radius:6px;margin:0;padding:14px;font-size:13px}.sceneViewport{min-width:0;min-height:calc(100vh - 66px);position:relative;overflow:hidden}.viewRail{z-index:2;position:absolute;bottom:18px;right:18px}.viewRail .kCardBody{flex-wrap:wrap;gap:8px;padding:8px;display:flex}canvas{display:block}.pageContent{width:100%;padding:16px}.pageHero{gap:16px;min-height:120px;padding:16px}.pageHero h2,.pageToolbar h2{font-size:22px}.pageHero p:not(.label){margin-top:6px;font-size:13px}.metricGrid,.overviewGrid{gap:10px;margin-top:10px}.metricCard{padding:10px 12px}.metricCard strong{font-size:20px}.overviewPanel{min-height:190px;padding:12px}.inventoryLayout,.twoColumnPage{grid-template-columns:minmax(0,1fr) 340px;gap:12px}.inventoryMain,.detailPanel{padding:12px}.pageToolbar h2{font-size:20px}.filterBar{margin:10px 0}.tableWrap{border-radius:6px;min-height:280px}th button{min-height:34px;padding:0 10px}td{padding:6px 10px;font-size:12px}.detailPanel{gap:10px;top:68px}.detailHeader h2{font-size:19px}.detailFacts{gap:8px}.detailFacts div{padding:8px}.nextMove{padding:10px}.supplierGrid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;margin-top:10px}.supplierCard{min-height:108px;padding:10px}.warehousePage,.sceneViewport{min-height:calc(100vh - 56px)}.panel{width:320px;top:12px;left:12px}.containerSearch{width:390px;top:12px;bottom:76px;right:12px}@media (width<=1080px){.appHeader,.inventoryLayout{grid-template-columns:1fr}.warehouseBadge{display:none}.topNav{justify-content:start;overflow:auto}.metricGrid,.overviewGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.detailPanel{position:static}.filterBar{grid-template-columns:1fr 1fr}}@media (width<=760px){.pageContent{padding:12px}.pageHero{display:grid}.metricGrid,.overviewGrid,.filterBar{grid-template-columns:1fr}.panel{width:calc(100vw - 24px);top:12px;left:12px}.containerSearch{width:auto;max-height:42vh;inset:auto 12px 78px}.viewRail{bottom:12px;left:12px;right:12px}}