@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap');
:root{--ink:#182321;--ink-2:#30423e;--muted:#78837f;--line:#dfe5e1;--surface:#fff;--canvas:#f3f6f4;--teal:#2eaaa2;--teal-dark:#1e6864;--teal-pale:#e0f3ef;--amber:#d7983b;--amber-pale:#fff0d8;--coral:#d86f5e;--coral-pale:#ffe5df;--lime:#b9d88d;--radius:3px}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Manrope,'Noto Sans SC',sans-serif;color:var(--ink);background:var(--canvas)}body{font-size:13px}button,input,select{font:inherit}button{cursor:pointer;border:0}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(46,170,162,.35);outline-offset:2px}.shell{display:flex;min-height:100vh}.sidebar{width:240px;flex:none;background:var(--ink);color:#e8efeb;display:flex;flex-direction:column;padding:30px 18px 22px}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;padding:0 8px}.brand-mark{font-size:34px;line-height:1;font-weight:800;letter-spacing:-4px;color:#b9d88d}.brand-mark span{color:var(--teal);font-size:22px;vertical-align:8px;margin-left:3px}.brand-copy{display:flex;flex-direction:column;gap:3px}.brand-copy b{font-size:16px;letter-spacing:-.4px}.brand-copy small{font:500 8px 'DM Mono',monospace;letter-spacing:1.1px;color:#8fa49c}.site-tag{display:flex;align-items:center;gap:8px;margin:42px 8px 18px;padding-bottom:15px;border-bottom:1px solid #34433f;color:#b5c3be;font-size:11px}.site-dot,.sync-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--teal)}.site-code{margin-left:auto;font:400 9px 'DM Mono',monospace;color:#697b75}.nav{display:flex;flex-direction:column;gap:4px}.nav-item{height:44px;display:flex;align-items:center;gap:12px;padding:0 10px;border-radius:2px;background:transparent;color:#9baca6;text-align:left;transition:.2s}.nav-item:hover{background:#263632;color:#e8efeb}.nav-item.active{background:#2b3d38;color:#fff;box-shadow:inset 3px 0 var(--teal)}.nav-icon{width:16px;color:#b9d88d;font-size:18px;font-weight:400}.nav-item kbd{margin-left:auto;font:400 9px 'DM Mono',monospace;color:#61736c}.nav-count{margin-left:auto;background:var(--coral);color:#fff;border-radius:8px;padding:2px 7px;font-size:10px}.sidebar-foot{margin-top:auto;border-top:1px solid #34433f;padding:24px 8px 0;color:#899b94}.sidebar-foot p{font:500 10px 'DM Mono',monospace;line-height:1.6;color:#b1c0ba;margin:13px 0 5px}.sidebar-foot small{font:9px 'DM Mono',monospace;color:#60736b}.warehouse-illustration{height:68px;position:relative;opacity:.9}.warehouse-roof{position:absolute;top:5px;left:3px;width:100px;height:22px;background:#35504a;clip-path:polygon(0 100%,10% 53%,16% 53%,16% 20%,31% 0,89% 0,100% 53%,100% 100%)}.warehouse-body{position:absolute;left:13px;top:28px;width:86px;height:37px;border:2px solid #5b736b;border-top:0;display:flex;justify-content:space-around;padding-top:6px}.warehouse-body i{display:block;width:17px;height:25px;background:#233530;border:2px solid #70948a}.warehouse-floor{position:absolute;left:0;bottom:0;width:120px;height:2px;background:#6a847b}
.main{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.76)}.crumb{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:12px}.crumb b{color:var(--ink);font-weight:700}.crumb-slash{font:12px 'DM Mono',monospace;color:#bbc6c1}.top-actions{display:flex;align-items:center;gap:20px}.sync-state{display:flex;align-items:center;gap:7px;color:#788781;font:10px 'DM Mono',monospace}.language{display:flex;align-items:center;gap:7px;color:#586863}.language span:first-child{font-size:16px;color:var(--teal-dark)}.language select{appearance:none;border:0;background:transparent;color:var(--ink);font-size:12px;padding-right:12px}.select-chevron{font-size:15px;color:#899690;margin-left:-16px;pointer-events:none}.avatar{width:30px;height:30px;border-radius:50%;background:var(--teal-dark);color:#fff;font-weight:700}.page-head{display:flex;justify-content:space-between;align-items:flex-end;padding:36px 42px 26px}.eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 12px;font:500 10px 'DM Mono',monospace;letter-spacing:1.2px;color:var(--teal-dark)}.eyebrow-line{display:inline-block;width:22px;height:1px;background:var(--teal)}.eyebrow-date{color:#98a7a1;margin-left:8px;letter-spacing:.3px}.page-head h1{font-size:30px;letter-spacing:-1.2px;line-height:1.1;margin:0 0 9px}.page-subtitle{color:var(--muted);margin:0;font-size:12px}.primary-btn{height:38px;background:var(--teal-dark);color:#fff;padding:0 18px;border-radius:2px;display:inline-flex;align-items:center;gap:8px;font-weight:700;box-shadow:0 5px 14px rgba(30,104,100,.14);transition:.2s}.primary-btn:hover{background:#154f4d;transform:translateY(-1px)}.primary-btn span:first-child{font-size:19px;line-height:0;font-weight:400}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0 42px 28px}.metric{position:relative;min-height:146px;background:var(--surface);border:1px solid var(--line);padding:18px 19px;overflow:hidden}.metric-dark{background:var(--ink);border-color:var(--ink);color:#fff}.metric-top{display:flex;justify-content:space-between;color:#71817b;font-size:11px}.metric-dark .metric-top{color:#b6c6bf}.metric-glyph{color:#9ca9a5;font-size:19px;line-height:12px}.metric-glyph.teal{color:var(--teal)}.metric-glyph.amber{color:var(--amber)}.metric-glyph.coral{color:var(--coral)}.metric-value{font-size:38px;font-weight:700;line-height:1.3;letter-spacing:-2px;margin-top:9px}.metric-foot{display:flex;align-items:center;gap:6px;color:#94a09c;font-size:10px}.metric-dark .metric-foot{color:#8da19a}.metric-marker{color:var(--lime);font-size:12px}.metric-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.teal-bg{background:var(--teal)}.amber-bg{background:var(--amber)}.coral-bg{background:var(--coral)}.metric-rule{height:3px;position:absolute;left:19px;right:19px;bottom:17px;background:#eaf0ed}.metric-rule span{display:block;height:100%;background:var(--teal)}.amber-rule span{background:var(--amber)}.coral-rule span{background:var(--coral)}.metric-bars{display:flex;gap:2px;position:absolute;left:19px;right:19px;bottom:16px;align-items:flex-end;height:20px}.metric-bars i{display:block;flex:1;background:#45605a;height:var(--h,30%)}.metric-bars i:nth-child(2n){--h:52%}.metric-bars i:nth-child(3n){--h:87%}.metric-bars i:nth-child(5n){--h:60%}
.category-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0 42px;background:var(--line);border:1px solid var(--line)}.category{background:var(--surface);min-height:79px;padding:16px 18px;display:flex;align-items:center;gap:13px;cursor:pointer;transition:.2s}.category:hover,.category.selected{background:#f2fbf8}.category.selected{box-shadow:inset 0 -3px var(--teal)}.category-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;font-size:18px;font-weight:700}.category-icon.teal{background:var(--teal-pale);color:var(--teal-dark)}.category-icon.amber{background:var(--amber-pale);color:#a66c20}.category-icon.coral{background:var(--coral-pale);color:#b44f40}.category-copy{display:flex;flex-direction:column;gap:4px}.category-copy b{font-size:12px}.category-copy small{font-size:10px;color:var(--muted)}.category-count{margin-left:auto;font:500 23px 'DM Mono',monospace;color:var(--ink-2)}.work-area{margin:28px 42px 0;background:var(--surface);border:1px solid var(--line)}.section-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 20px 16px;border-bottom:1px solid var(--line)}.section-title{display:flex;align-items:flex-end;gap:12px}.section-kicker{display:block;font:500 9px 'DM Mono',monospace;letter-spacing:1px;color:var(--teal-dark);margin-bottom:7px}.section-title h2,.modal h2{font-size:18px;letter-spacing:-.4px;margin:0}.result-count{font:10px 'DM Mono',monospace;background:var(--teal-pale);color:var(--teal-dark);padding:4px 7px;border-radius:1px}.table-actions{display:flex;gap:8px;align-items:center}.search{height:34px;border:1px solid var(--line);display:flex;align-items:center;padding:0 9px;gap:6px;color:#a0aaa6;width:225px}.search span{font-size:18px;color:var(--teal-dark);line-height:0}.search input{border:0;min-width:0;outline:0;flex:1;color:var(--ink);font-size:11px;background:transparent}.search kbd{font:9px 'DM Mono',monospace;border:1px solid var(--line);padding:2px 4px;color:#94a09c}.filter-select{height:34px;border:1px solid var(--line);background:#fff;padding:0 26px 0 10px;color:var(--ink);font-size:11px}.icon-btn{height:34px;min-width:34px;padding:0 9px;background:#eff5f2;color:var(--teal-dark);font-size:19px;border:1px solid #d8e6e0;border-radius:2px}.icon-btn:hover{background:var(--teal-pale)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:760px}th{height:39px;text-align:left;padding:0 20px;color:#8c9994;background:#fbfcfb;font:500 9px 'DM Mono',monospace;letter-spacing:.7px;text-transform:uppercase;border-bottom:1px solid var(--line)}td{padding:11px 20px;border-bottom:1px solid #edf1ef;font-size:11px;vertical-align:middle}tbody tr:hover{background:#fbfdfc}.col-item{width:34%}.col-action{width:40px}.product-cell{display:flex;align-items:center;gap:10px}.product-thumb{width:34px;height:34px;flex:none;border:1px solid var(--line);background:#edf4f1;display:grid;place-items:center;color:#4e7770;font-size:15px;overflow:hidden}.product-thumb img{width:100%;height:100%;object-fit:cover}.product-name{display:flex;flex-direction:column;gap:3px}.product-name b{font-size:11px;max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-name small{font:9px 'DM Mono',monospace;color:#9aa7a2}.category-pill,.status-pill{display:inline-flex;align-items:center;gap:5px;font-size:10px}.category-pill::before,.status-pill::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}.category-pill.hardware{color:#a66c20}.category-pill.production{color:var(--teal-dark)}.category-pill.equipment{color:#b44f40}.status-pill{padding:4px 7px;border-radius:1px}.status-pill.pending{background:#f1f3f2;color:#788680}.status-pill.good{background:var(--teal-pale);color:var(--teal-dark)}.status-pill.alert{background:var(--coral-pale);color:#b44f40}.qty{font:500 12px 'DM Mono',monospace}.qty.zero{color:#adb7b3}.cell-muted{color:#94a19c;font-size:10px}.row-action{opacity:0;background:transparent;color:#71847c;font-size:18px}.product-row:hover .row-action{opacity:1}.empty-state{text-align:center;padding:50px;color:#84948d}.empty-state span{display:block;color:var(--teal);font-size:32px;margin-bottom:10px}.empty-state b,.empty-state small{display:block}.empty-state small{margin-top:5px;color:#a5b0ab}.table-footer{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;color:#9ba8a3;font:10px 'DM Mono',monospace}.pagination{display:flex;gap:3px}.pagination button{width:26px;height:25px;background:#f4f7f5;color:#8c9c95;border:1px solid var(--line)}.pagination button:disabled{opacity:.45}.pagination .page-current{background:var(--teal-dark);border-color:var(--teal-dark);color:#fff}.footer{margin:22px 42px 18px;padding-top:16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#9aa6a1;font:9px 'DM Mono',monospace;letter-spacing:.4px}.footer i{font-style:normal;color:var(--teal)}.footer b{color:var(--teal-dark);font-weight:500}.modal-backdrop{position:fixed;inset:0;background:rgba(24,35,33,.48);z-index:10;display:grid;place-items:center;padding:18px}.modal-backdrop[hidden]{display:none}.modal{background:#fff;width:min(520px,100%);max-height:calc(100vh - 36px);overflow:auto;padding:24px;box-shadow:0 18px 60px rgba(12,32,27,.28)}.compact-modal{width:min(420px,100%)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.modal-head .icon-btn{font-size:23px;background:transparent;border:0;color:#8a9892}.modal form{display:flex;flex-direction:column;gap:14px}.modal label{display:flex;flex-direction:column;gap:6px;color:#65756e;font-size:10px}.modal input,.modal select{height:38px;border:1px solid var(--line);background:#fbfcfb;padding:0 10px;color:var(--ink);font-size:12px}.modal label small{color:#9aa7a2;font-size:9px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:8px}.secondary-btn{height:38px;padding:0 16px;border:1px solid var(--line);background:#fff;color:#62736c;border-radius:2px}.segmented{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);padding:3px;gap:3px}.segmented button{height:32px;background:transparent;color:#7e8d87}.segmented button.selected{background:var(--teal-pale);color:var(--teal-dark);font-weight:700}
@media(max-width:1100px){.sidebar{width:205px}.topbar,.page-head,.metrics,.work-area{margin-left:0;margin-right:0}.topbar,.page-head{padding-left:28px;padding-right:28px}.metrics{padding-left:28px;padding-right:28px}.category-strip{margin-left:28px;margin-right:28px}.work-area{margin-left:28px;margin-right:28px}.footer{margin-left:28px;margin-right:28px}.page-head h1{font-size:28px}}
@media(max-width:820px){.sidebar{width:66px;padding:22px 10px}.brand-copy,.site-tag span:not(.site-dot),.nav-item span:not(.nav-icon),.nav-item kbd,.sidebar-foot{display:none}.brand{padding:0;justify-content:center}.brand-mark{font-size:31px}.site-tag{margin:32px 0 18px;padding:0;border:0;justify-content:center}.nav-item{justify-content:center;padding:0}.nav-icon{font-size:20px}.nav-count{position:absolute;margin:0 0 28px 29px;padding:1px 4px;font-size:8px}.topbar{padding:0 20px}.page-head{padding:28px 20px 22px}.metrics{padding:0 20px 22px;grid-template-columns:repeat(2,1fr)}.category-strip{margin:0 20px;grid-template-columns:1fr}.category{min-height:62px}.work-area{margin:22px 20px 0}.section-toolbar{align-items:flex-start;flex-direction:column}.table-actions{width:100%}.search{flex:1;width:auto}.footer{margin:20px}.footer span:nth-child(2){display:none}}
@media(max-width:520px){.top-actions{gap:10px}.sync-state{display:none}.page-head{align-items:flex-start;gap:18px;flex-direction:column}.primary-btn{align-self:stretch;justify-content:center}.metrics{gap:8px}.metric{padding:14px;min-height:135px}.metric-value{font-size:31px}.metric-rule{left:14px;right:14px}.metric-bars{left:14px;right:14px}.table-actions{flex-wrap:wrap}.search{flex-basis:100%}.filter-select{flex:1}.form-row{grid-template-columns:1fr}.footer{font-size:8px}}
 .import-modal{width:min(980px,100%);max-height:calc(100vh - 32px);display:flex;flex-direction:column}.import-controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.file-label input{padding:7px 8px!important}.import-hint{font-size:11px;color:var(--muted);line-height:1.6;margin:8px 0}.import-preview-wrap{overflow:auto;max-height:48vh;border:1px solid var(--line)}.import-preview{min-width:700px}.import-preview td{padding:5px 8px}.import-preview input{width:100%;min-width:95px;height:32px!important}.import-preview input[readonly]{background:#f0f4f2;color:#596862}.history-link{cursor:pointer}.history-link:hover{color:var(--teal-dark);text-decoration:underline}.table-actions .secondary-btn{height:34px;padding:0 10px;font-size:10px;white-space:nowrap}.primary-btn:disabled{opacity:.55;cursor:wait;transform:none}
@media(max-width:820px){.import-controls{grid-template-columns:1fr 1fr}.table-actions .secondary-btn{flex:1}}
@media(max-width:520px){.import-controls{grid-template-columns:1fr}.import-modal{max-height:calc(100vh - 16px)}.import-preview-wrap{max-height:42vh}}
*[hidden]{display:none!important}.page-actions{display:flex;gap:8px}

.import-preview .row-action{opacity:1}.section-toolbar{flex-wrap:wrap}.table-actions{flex-wrap:wrap}.modal label[hidden]{display:none}