:root{
  --bg:#ecece7;--panel:#f7f7f3;--paper:#fff;--ink:#10100f;--muted:#74756e;--line:#d9d9d2;--line-dark:#2a2a28;
  --black:#0b0b0b;--black2:#141413;--green:#177245;--green-bg:#e9f5ee;--blue:#245a9f;--blue-bg:#edf4fc;
  --amber:#986313;--amber-bg:#fbf3df;--red:#a43c33;--red-bg:#f9ecea;--radius:18px;--shadow:0 18px 55px rgba(16,16,15,.06)
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}
.topbar{height:66px;background:var(--black);color:#fff;border-bottom:1px solid #20201f;position:sticky;top:0;z-index:50}.topbar-inner{max-width:1760px;height:100%;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.brand-block{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{width:34px;height:34px;border:1px solid #484846;border-radius:10px;display:grid;place-items:center;font-size:11px;font-weight:950;letter-spacing:.6px}.brand-block strong{display:block;font-size:14px;letter-spacing:2px}.brand-block small{display:block;margin-top:2px;color:#7d7d79;font-size:8px;font-weight:800;letter-spacing:1.1px}.top-actions{display:flex;align-items:center;gap:8px}.release-pill{border:1px solid #30302e;border-radius:999px;padding:6px 9px;color:#8b8b87;font-size:9px;font-weight:900;letter-spacing:.8px}.top-link{border:1px solid #30302e;background:#151514;color:#fff;border-radius:9px;padding:8px 11px;text-decoration:none;font-size:10px;font-weight:850}
.app-shell{max-width:1760px;margin:auto;padding:24px 28px 56px}.command-hero{overflow:hidden;border-radius:24px;background:linear-gradient(135deg,#0b0b0b 0%,#151514 68%,#1e1e1b 100%);color:#fff;box-shadow:var(--shadow);margin-bottom:14px}.hero-top{min-height:190px;padding:34px 36px 28px;display:flex;align-items:flex-start;justify-content:space-between;gap:32px;background-image:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px}.eyebrow,.workspace-kicker,.rail-label{font-size:9px;font-weight:950;letter-spacing:1.45px;text-transform:uppercase}.eyebrow{color:#7f807a}.hero-copy h1{margin:10px 0 0;font-size:clamp(42px,5vw,78px);line-height:.88;letter-spacing:-4.2px}.hero-copy p{max-width:720px;margin:16px 0 0;color:#989993;font-size:13px;line-height:1.6}.ledger-state{display:flex;align-items:center;gap:11px;border:1px solid #343432;border-radius:14px;background:#161615;padding:13px 15px;min-width:210px}.pulse{width:9px;height:9px;border-radius:50%;background:#25b36b;box-shadow:0 0 0 5px rgba(37,179,107,.12)}.ledger-state strong{display:block;font-size:9px;letter-spacing:.8px}.ledger-state small{display:block;margin-top:3px;color:#777873;font-size:9px}.metric-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid #292927}.metric{min-height:102px;padding:18px 20px;border-right:1px solid #292927;display:flex;flex-direction:column;justify-content:space-between}.metric:last-child{border-right:0}.metric span{color:#777873;font-size:8px;font-weight:950;text-transform:uppercase;letter-spacing:.8px}.metric strong{font-size:27px;line-height:1;font-variant-numeric:tabular-nums}.metric small{color:#5f605c;font-size:8px}.metric-accent strong{color:#9fc3f0}.metric-alert strong{color:#e7b09f}
.alert{display:flex;align-items:center;min-height:38px;margin:0 0 14px;border:1px solid #d3d3cc;border-radius:11px;background:#f8f8f4;padding:9px 12px;font-size:10px}.alert.ok{border-color:#b9d8c7;background:#edf7f1;color:#17623e}.alert.bad{border-color:#e7bbb6;background:#fbefed;color:#912e27}.alert.warn{border-color:#ddd6be;background:#f8f4e8;color:#78622c}.session-help{display:none;gap:8px;margin:-6px 0 14px}.session-help.show{display:flex}.btn{border:1px solid var(--line);border-radius:10px;padding:10px 13px;font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.5px}.btn-dark{background:var(--black);border-color:var(--black);color:#fff}.btn-light{background:#fff;color:#111}.btn.full{width:100%}
.control-layout{display:grid;grid-template-columns:278px minmax(0,1fr);gap:14px;align-items:start}.control-rail{position:sticky;top:80px;border:1px solid var(--line);border-radius:var(--radius);background:#f6f6f2;overflow:hidden;box-shadow:0 8px 30px rgba(10,10,10,.035)}.rail-section{padding:18px;border-bottom:1px solid var(--line)}.rail-section:last-child{border-bottom:0}.rail-label{display:block;color:#898a83;margin-bottom:11px}.view-switch{display:grid;gap:7px}.view-btn{border:1px solid #d7d7d0;background:#fff;border-radius:12px;padding:12px 13px;text-align:left;color:#161615;transition:.16s ease}.view-btn span{display:block;font-size:12px;font-weight:900}.view-btn small{display:block;margin-top:3px;color:#8b8c85;font-size:8px}.view-btn.active{background:#111110;border-color:#111110;color:#fff}.view-btn.active small{color:#7e7e79}.search-field{height:42px;display:flex;align-items:center;border:1px solid #d3d3cc;border-radius:11px;background:#fff;padding:0 9px;gap:7px}.search-field svg{width:16px;fill:none;stroke:#777;stroke-width:1.8}.search-field input{width:100%;min-width:0;border:0;outline:0;background:transparent;font-size:10px}.search-field button{border:0;background:transparent;color:#858680;font-size:17px;padding:0}.quick-filters{display:flex;flex-wrap:wrap;gap:6px}.quick{border:1px solid #d7d7d0;background:#fff;border-radius:999px;padding:7px 9px;font-size:8px;font-weight:850;color:#5f605b}.quick.active{background:#171716;border-color:#171716;color:#fff}.rail-fields{display:grid;gap:11px}.rail-fields label span{display:block;margin-bottom:6px;color:#7d7e78;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.6px}.rail-fields select{width:100%;height:38px;border:1px solid #d6d6cf;border-radius:10px;background:#fff;color:#20201f;padding:0 10px;font-size:9px;outline:none}.health-panel{background:#111110;color:#fff}.health-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.health-head .rail-label{color:#696a66;margin:0}.health-head strong{font-size:9px}.health-track{height:7px;margin:12px 0 10px;border-radius:999px;background:#292927;overflow:hidden}.health-track span{display:block;width:0;height:100%;border-radius:inherit;background:#42aa72;transition:width .25s}.health-panel p{margin:0;color:#777873;font-size:8px;line-height:1.5}
.inventory-workspace{min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow);overflow:hidden}.workspace-toolbar{height:76px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fbfbf8}.workspace-kicker{color:#96978f}.workspace-toolbar h2{margin:5px 0 0;font-size:22px;letter-spacing:-.8px}.workspace-actions{display:flex;align-items:center;gap:9px}.result-badge{min-width:92px;padding:9px 12px;border:1px solid #d8d8d1;border-radius:11px;background:#fff;text-align:right}.result-badge strong{display:block;font-size:13px;font-variant-numeric:tabular-nums}.result-badge small{display:block;margin-top:1px;color:#8a8b84;font-size:8px;text-transform:uppercase}.icon-btn{width:39px;height:39px;display:grid;place-items:center;border:1px solid #d8d8d1;border-radius:10px;background:#fff}.icon-btn svg{width:16px;fill:none;stroke:#333;stroke-width:1.8}.view-panel{display:none}.view-panel.active{display:block}.column-head{display:grid;align-items:center;min-height:34px;padding:0 14px;background:#f3f3ef;border-bottom:1px solid var(--line);color:#8b8c85;font-size:7px;font-weight:950;letter-spacing:.7px;text-transform:uppercase}.style-columns{grid-template-columns:minmax(190px,1.8fr) .55fr .55fr .7fr .7fr .7fr 1.3fr 40px;gap:10px}.style-list{min-height:220px}.style-row{border-bottom:1px solid #e1e1db;background:#fff}.style-row:last-child{border-bottom:0}.style-summary{display:grid;grid-template-columns:minmax(190px,1.8fr) .55fr .55fr .7fr .7fr .7fr 1.3fr 40px;gap:10px;align-items:center;min-height:72px;padding:10px 14px;transition:.15s}.style-row:hover>.style-summary{background:#fbfbf8}.style-row.open>.style-summary{background:#111110;color:#fff}.style-main{min-width:0}.style-country{display:block;color:#96978f;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.5px}.style-code{display:block;margin-top:4px;font-size:17px;letter-spacing:-.5px}.style-cell{min-width:0}.style-cell span{display:none}.style-cell strong{font-size:12px;font-variant-numeric:tabular-nums}.style-row.open .style-country{color:#777873}.style-health{display:flex;align-items:center;gap:9px;min-width:0}.health-mini{height:6px;display:flex;flex:1;min-width:56px;overflow:hidden;border-radius:999px;background:#ecece7}.health-mini i{height:100%;display:block}.health-mini .h-in{background:#2d9a61}.health-mini .h-incoming{background:#6c93c7}.health-mini .h-low{background:#d1a345}.health-mini .h-out{background:#c96960}.health-count{min-width:42px;text-align:right}.health-count b{display:block;font-size:11px}.health-count small{display:block;color:#999a93;font-size:7px}.style-row.open .health-mini{background:#2c2c2a}.expand-btn{width:34px;height:34px;border:1px solid #d8d8d1;border-radius:10px;background:#fff;color:#111;font-size:18px;line-height:1}.style-row.open .expand-btn{background:#fff;color:#111;border-color:#fff}.style-detail{display:none;padding:0 14px 14px;background:#111110}.style-row.open .style-detail{display:block}.detail-loading,.detail-error{border:1px solid #30302e;border-radius:12px;background:#171716;color:#777873;padding:18px;font-size:9px}.detail-error{color:#efb3ad;border-color:#643b37}.colour-section{overflow:hidden;margin-top:8px;border:1px solid #30302e;border-radius:14px;background:#171716;color:#fff}.colour-head{min-height:58px;padding:11px 13px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #30302e}.colour-head>div:first-child strong{display:block;font-size:12px}.colour-head>div:first-child small{display:block;margin-top:3px;color:#72736f;font-size:8px}.colour-totals{display:flex;align-items:center;gap:14px}.mini-total{text-align:right}.mini-total span{display:block;color:#6e6f6a;font-size:7px;text-transform:uppercase}.mini-total b{display:block;margin-top:2px;font-size:11px}.size-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:#30302e}.size-card{min-width:0;background:#171716;padding:12px}.size-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.size-label{font-size:15px}.size-values{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}.size-value span{display:block;color:#6d6e69;font-size:7px;text-transform:uppercase}.size-value strong{display:block;margin-top:3px;font-size:11px}.barcode{display:block;margin-top:11px;padding-top:10px;border-top:1px solid #2b2b29;color:#92938e;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 7px;font-size:7px;font-weight:950;letter-spacing:.35px;white-space:nowrap}.status.in{background:var(--green-bg);color:var(--green)}.status.low{background:var(--amber-bg);color:var(--amber)}.status.out{background:var(--red-bg);color:var(--red)}.status.incoming{background:var(--blue-bg);color:var(--blue)}
.sku-note{display:flex;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid var(--line);background:#f6f6f2}.sku-note strong{font-size:10px}.sku-note span{color:#83847d;font-size:8px}.table-wrap{overflow:auto;max-height:68vh}.table-wrap table{width:100%;border-collapse:collapse;min-width:1120px}.table-wrap thead{position:sticky;top:0;z-index:2;background:#111110;color:#fff}.table-wrap th{height:36px;padding:0 11px;text-align:left;color:#81827c;font-size:7px;font-weight:950;text-transform:uppercase;letter-spacing:.65px;border-right:1px solid #2a2a28}.table-wrap td{height:49px;padding:0 11px;border-bottom:1px solid #e5e5df;color:#484943;font-size:9px}.table-wrap tbody tr:hover{background:#fafaf7}.table-wrap td b{color:#151514}.table-wrap code{font-size:9px;color:#333}.qty{text-align:right!important;font-variant-numeric:tabular-nums}.empty,.empty-card{padding:32px;text-align:center;color:#999a93;font-size:9px}.empty-card{min-height:190px;display:grid;place-items:center;background:#fbfbf8}.pager{height:54px;display:flex;align-items:center;justify-content:center;gap:18px;border-top:1px solid var(--line);background:#fafaf7}.pager span{min-width:120px;text-align:center;color:#70716b;font-size:9px;font-variant-numeric:tabular-nums}.pager-btn{border:1px solid #d6d6cf;border-radius:9px;background:#fff;padding:8px 11px;font-size:8px;font-weight:900}.pager-btn:disabled{opacity:.35;cursor:not-allowed}
@media(max-width:1200px){.metric-strip{grid-template-columns:repeat(3,1fr)}.metric:nth-child(3){border-right:0}.metric:nth-child(-n+3){border-bottom:1px solid #292927}.control-layout{grid-template-columns:238px minmax(0,1fr)}.style-columns,.style-summary{grid-template-columns:minmax(160px,1.6fr) .55fr .7fr .7fr .7fr 1.2fr 40px}.style-columns span:nth-child(3),.style-cell:nth-child(3){display:none}}
@media(max-width:860px){.topbar{position:static}.app-shell{padding:14px}.hero-top{min-height:160px;padding:26px 22px}.hero-copy h1{font-size:48px;letter-spacing:-3px}.ledger-state{display:none}.metric-strip{grid-template-columns:repeat(2,1fr)}.metric{border-bottom:1px solid #292927}.metric:nth-child(2n){border-right:0}.control-layout{display:block}.control-rail{position:static;margin-bottom:12px}.rail-section{padding:14px}.rail-view{display:none}.rail-fields{grid-template-columns:repeat(3,1fr)}.rail-fields .full{grid-column:1/-1}.inventory-workspace{border-radius:14px}.column-head{display:none}.style-summary{grid-template-columns:minmax(140px,1fr) repeat(3,.7fr) 40px;gap:8px;min-height:78px}.style-cell:nth-child(2),.style-cell:nth-child(3),.style-health{display:none}.style-cell span{display:block;color:#9a9b94;font-size:6px;text-transform:uppercase}.style-row.open .style-cell span{color:#666762}.colour-head{align-items:flex-start;flex-direction:column}.colour-totals{width:100%;justify-content:space-between}.workspace-toolbar{height:68px}.size-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.topbar-inner{padding:0 14px}.brand-block small,.release-pill{display:none}.app-shell{padding:10px}.command-hero{border-radius:16px}.hero-top{padding:22px 18px 20px}.hero-copy h1{font-size:40px}.hero-copy p{font-size:11px}.metric{min-height:86px;padding:14px}.metric strong{font-size:23px}.control-rail{border-radius:14px}.rail-fields{grid-template-columns:1fr}.quick-filters{gap:5px}.style-summary{grid-template-columns:minmax(130px,1fr) repeat(2,.65fr) 36px;padding:9px 10px}.style-cell:nth-child(4){display:none}.expand-btn{width:32px;height:32px}.style-detail{padding:0 10px 10px}.size-grid{grid-template-columns:1fr}.workspace-toolbar{padding:0 14px}.result-badge{min-width:75px}.sku-note{display:block}.sku-note span{display:block;margin-top:4px}}