:root{--ink:#171717;--muted:#77736d;--paper:#f7f6f2;--panel:#fff;--line:#e7e5df;--blue:#264de4;--orange:#ef7a32;--red:#d84d42;--green:#27805d;--radius:14px}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px "DM Sans",sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:238px;background:#1d1d1c;color:#e9e7df;padding:24px 14px 18px;display:flex;flex-direction:column;flex-shrink:0}.brand{display:flex;align-items:center;gap:9px;font:700 21px "Space Grotesk",sans-serif;letter-spacing:-.05em;padding:0 10px 29px}.brand-mark{background:var(--orange);color:#191919;width:25px;height:25px;display:grid;place-items:center;font-size:15px;border-radius:7px}.brand-dot{color:var(--orange)}.store-switcher{background:#2a2a28;border:1px solid #393936;border-radius:11px;padding:10px 9px;display:flex;align-items:center;gap:9px;margin-bottom:26px}.store-avatar,.user-avatar{display:grid;place-items:center;border-radius:8px;width:31px;height:31px;background:#d9e0ff;color:#314fc4;font-size:10px;font-weight:700}.store-switcher b,.user-row b{font-size:12px;display:block}.store-switcher small,.user-row small{color:#8f8e88;font-size:10px;display:block;margin-top:2px}.chevron{margin-left:auto;color:#96958e}.nav-label{color:#77766f;text-transform:uppercase;font-size:10px;letter-spacing:.12em;margin:0 10px 8px}.nav-spaced{margin-top:29px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:10px 11px;border-radius:8px;color:#aaa9a2;margin:2px 0;font-size:13px}.nav-item span{font-size:17px;width:17px;text-align:center}.nav-item:hover,.nav-item.active{background:#343432;color:#fff}.nav-item.active{box-shadow:inset 2px 0 var(--orange)}.nav-item em{font-style:normal;background:#e96e35;color:#1d1d1c;font-size:10px;font-weight:700;padding:2px 5px;border-radius:8px;margin-left:auto}.sidebar-foot{margin-top:auto}.help-card{background:#292927;padding:12px;border-radius:10px;display:flex;align-items:center;gap:9px;color:#bdbbb2;margin-bottom:17px}.help-icon{width:22px;height:22px;border:1px solid #66645e;border-radius:50%;display:grid;place-items:center;font-size:11px}.help-card b,.help-card small{display:block}.help-card b{font-size:11px;color:#dedcd3}.help-card small{font-size:10px;color:#888780;margin-top:3px}.help-card>span:last-child{margin-left:auto}.user-row{display:flex;align-items:center;gap:9px;padding:0 7px}.user-row button{margin-left:auto;color:#86847d}.main-content{flex:1;min-width:0}.topbar{height:75px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:rgba(247,246,242,.88)}.breadcrumb{display:flex;gap:10px;color:#a09d96;font-size:12px}.breadcrumb b{color:var(--ink);font-weight:600}.top-actions{display:flex;align-items:center;gap:11px}.icon-button{font-size:22px;width:35px;height:35px;position:relative;color:#55524d}.has-dot:after{content:"";position:absolute;right:6px;top:4px;width:5px;height:5px;border-radius:50%;background:var(--orange);border:2px solid var(--paper)}.primary-button{background:var(--blue);color:#fff;padding:10px 16px;border-radius:8px;font-weight:600;font-size:12px;box-shadow:0 3px 0 #1635af;transition:transform .15s,box-shadow .15s}.primary-button:hover{transform:translateY(-1px);box-shadow:0 4px 0 #1635af}.content-scroll{padding:34px 38px 70px;max-width:1500px;margin:auto}.welcome-row{display:flex;justify-content:space-between;align-items:end;margin-bottom:29px}.welcome-row h1{font:600 31px "Space Grotesk",sans-serif;letter-spacing:-.05em;margin:0 0 7px}.welcome-row p,.section-heading p{color:var(--muted);margin:0}.wave{color:var(--orange);font-size:22px;margin-left:4px}.date-pill{border:1px solid var(--line);background:white;border-radius:8px;padding:10px 12px;color:#5d5a54;font-size:12px;display:flex;gap:9px;align-items:center}.pill-chevron{color:#999;margin-left:7px}.metric-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:13px;margin-bottom:38px}.metric-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px 19px;min-height:153px}.primary-metric{background:#222a4a;color:#fff;border-color:#222a4a}.metric-head{display:flex;justify-content:space-between;color:#77736d;font-size:12px;margin-bottom:12px}.primary-metric .metric-head{color:#c4c9db}.metric-card strong{font:600 28px "Space Grotesk",sans-serif;letter-spacing:-.05em}.metric-decimal{font-size:17px;letter-spacing:-.02em}.metric-card strong small{font:500 13px "DM Sans";letter-spacing:0;color:var(--muted)}.trend{font-size:11px;font-weight:600}.trend.up{color:#3bab77}.primary-metric .trend.up{color:#83dcad}.trend.neutral{color:#a4a19b}.mini-chart{height:36px;display:flex;align-items:end;gap:5px;margin:13px 0 9px}.mini-chart i{display:block;width:7px;border-radius:2px 2px 0 0;background:#8797ef}.mini-chart i:nth-child(1){height:35%}.mini-chart i:nth-child(2){height:48%}.mini-chart i:nth-child(3){height:42%}.mini-chart i:nth-child(4){height:65%}.mini-chart i:nth-child(5){height:50%}.mini-chart i:nth-child(6){height:72%}.mini-chart i:nth-child(7){height:61%}.mini-chart i:nth-child(8){height:87%}.mini-chart i:nth-child(9){height:75%}.mini-chart i:nth-child(10){height:92%}.mini-chart i:nth-child(11){height:82%}.mini-chart i:nth-child(12){height:100%;background:#b9c4ff}.metric-card small{font-size:11px;color:#8b8780}.primary-metric small{color:#aeb5cc}.metric-line{height:5px;background:#eeece8;border-radius:8px;margin:23px 0 14px;overflow:hidden}.metric-line span{display:block;height:100%;background:#3fa87b;border-radius:8px}.metric-line.cobalt span{background:var(--blue)}.alert-metric{background:#fff7ef;border-color:#f1dbc7}.alert-dot{background:var(--orange);color:white;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-weight:700}.alert-list{display:flex;flex-direction:column;gap:8px;margin-top:21px;font-size:11px;color:#69635c}.orange-dot,.red-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:var(--orange);margin-right:6px}.red-dot{background:var(--red)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px}.section-heading h2{font:600 20px "Space Grotesk";letter-spacing:-.04em;margin:0 0 5px}.collection-filters{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.collection-filter{border:1px solid var(--line);background:#fff;color:#77736d;border-radius:7px;padding:7px 10px;font-size:10px}.collection-filter:hover,.collection-filter.active{border-color:#b8c3f5;background:#edf0ff;color:var(--blue);font-weight:600}.text-button{font-size:12px;font-weight:600;color:var(--blue);padding:7px 0 7px 8px}.text-button span{font-size:16px;margin-left:4px}.workspace-grid{display:grid;grid-template-columns:minmax(500px,1.75fr) minmax(270px,.8fr);gap:14px}.inventory-panel,.side-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.panel-toolbar{padding:13px 16px 0;border-bottom:1px solid var(--line)}.tabs{display:flex;gap:23px}.tab{color:#8b8881;font-size:11px;padding:0 0 13px;border-bottom:2px solid transparent}.tab.active{color:var(--ink);border-color:var(--blue);font-weight:700}.tab b{background:#f0efeb;color:#7d7971;padding:2px 5px;border-radius:6px;font-size:9px;margin-left:4px}.tab b.orange{color:var(--orange);background:#fff0e5}.tab b.red{color:var(--red);background:#fceceb}.search-box{display:flex;align-items:center;gap:7px;background:#f7f6f2;border:1px solid var(--line);border-radius:6px;padding:7px 9px;width:174px;margin:13px 0 12px auto}.search-box span{font-size:18px;color:#817f79}.search-box input{background:none;border:0;outline:0;width:100%;font-size:11px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:650px}th{text-align:left;color:#9a9690;font-size:10px;font-weight:500;padding:12px 16px;white-space:nowrap}td{border-top:1px solid #f0eee9;padding:12px 16px;color:#595650;font-size:11px;white-space:nowrap}.product-cell{display:flex;align-items:center;gap:10px;color:var(--ink)}.product-cell b,.product-cell small{display:block}.product-cell b{font-size:11px}.product-cell small{font-size:10px;color:#9a9690;margin-top:3px}.product-photo{width:32px;height:36px;border-radius:4px;display:inline-block;background:#26395a;position:relative;overflow:hidden}.product-photo:after{content:"";position:absolute;width:19px;height:27px;left:7px;top:5px;border-radius:45% 45% 8% 8%;background:#334e7a;transform:skew(-4deg)}.photo-knit{background:#d6c5a9}.photo-knit:after{background:#d2ad82}.photo-shirt{background:#e8e6df}.photo-shirt:after{background:#faf9f4}.photo-trouser{background:#394047}.photo-trouser:after{background:#252c34;height:29px}.photo-bag{background:#ddd0b7}.photo-bag:after{background:#a98b67;width:21px;height:20px;top:11px}.muted{color:#96928b}.stock{font-size:10px;font-weight:600}.stock i{width:6px;height:6px;border-radius:50%;display:inline-block;margin-right:4px;background:var(--green)}.stock.low{color:var(--orange)}.stock.low i{background:var(--orange)}.stock.out{color:var(--red)}.stock.out i{background:var(--red)}.row-menu{font-size:14px;color:#8b8881;padding:4px}.row-menu.restock{font-size:10px;color:var(--blue);font-weight:600}.table-foot{display:flex;justify-content:space-between;align-items:center;color:#99958e;font-size:10px;padding:13px 16px}.page-button{border:1px solid var(--line);width:25px;height:25px;border-radius:5px;margin-left:5px;color:#777}.page-button:disabled{color:#c7c5c1}.side-stack{display:flex;flex-direction:column;gap:14px}.side-panel{padding:17px 17px 5px}.side-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.side-panel h3{font:600 14px "Space Grotesk";margin:0}.more-button{font-size:11px;color:#77736d}.attention-item{display:flex;gap:10px;padding:13px 0;border-top:1px solid #f0eee9}.attention-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:6px;font-weight:700;flex-shrink:0}.attention-icon.orange{background:#fff0e3;color:var(--orange)}.attention-icon.red{background:#fceceb;color:var(--red)}.attention-icon.blue{background:#e9edff;color:var(--blue)}.attention-item b{font-size:11px}.attention-item p{color:#88847d;font-size:10px;margin:4px 0 7px}.inline-action{font-size:10px;font-weight:600;color:var(--blue);padding:0}.order-item{display:flex;align-items:center;gap:9px;border-top:1px solid #f0eee9;padding:12px 0}.order-avatar{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;font-size:9px;font-weight:700}.order-avatar.pink{background:#fae1dc;color:#b25245}.order-avatar.yellow{background:#f5ebc8;color:#96762d}.order-avatar.blue{background:#dce4fc;color:#3d5eb6}.order-item b{font-size:10px}.order-item p{color:#8b8780;font-size:9px;margin:3px 0 0}.order-status{font-size:9px;margin-left:auto;padding:4px 6px;border-radius:5px}.ready{background:#e4f3e9;color:#27805d}.packed{background:#fff0e2;color:#b96725}.shipped{background:#e8ecff;color:#3f59c1}.toast{position:fixed;bottom:24px;right:28px;background:#1d1d1c;color:#fff;padding:12px 16px;border-radius:8px;box-shadow:0 8px 25px #0002;transform:translateY(100px);transition:transform .25s;z-index:4;font-size:12px}.toast.show{transform:translateY(0)}.toast span{color:#6ee29f;margin-left:15px}.modal-backdrop{position:fixed;inset:0;background:#16161680;display:none;align-items:center;justify-content:center;z-index:3}.modal-backdrop.open{display:flex}.modal{background:#fff;border-radius:16px;padding:28px;width:min(420px,calc(100% - 32px));position:relative;box-shadow:0 20px 80px #0003}.modal h2{font:600 22px "Space Grotesk";margin:0 0 6px}.modal>p{color:var(--muted);font-size:12px;margin:0 0 22px}.modal label{display:block;color:#5f5b54;font-size:11px;font-weight:600;margin-bottom:14px}.modal input,.modal select{display:block;width:100%;border:1px solid var(--line);border-radius:7px;padding:10px;margin-top:7px;outline-color:var(--blue)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-close{position:absolute;right:18px;top:14px;font-size:24px;color:#888}.full{width:100%;margin-top:8px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:1080px){.metric-grid{grid-template-columns:1fr 1fr}.workspace-grid{grid-template-columns:1fr}.side-stack{display:grid;grid-template-columns:1fr 1fr}}@media(max-width:720px){.sidebar{width:64px;padding:20px 8px}.brand{padding:0 10px 28px}.brand>span:last-child,.store-switcher>span:not(.store-avatar),.nav-label,.nav-item:not(.active) em,.nav-item{font-size:0}.store-switcher{background:transparent;border:0;padding:0;justify-content:center}.nav-item{justify-content:center;padding:11px 0}.nav-item span{font-size:18px}.help-card,.user-row span:not(.user-avatar),.user-row button{display:none}.user-row{justify-content:center}.topbar{padding:0 16px}.content-scroll{padding:25px 16px 50px}.welcome-row{align-items:start;flex-direction:column;gap:18px}.metric-grid{grid-template-columns:1fr 1fr}.metric-card{padding:14px;min-height:140px}.metric-card strong{font-size:23px}.side-stack{display:block}.side-panel{margin-bottom:14px}.panel-toolbar{overflow:hidden}.tabs{gap:14px;white-space:nowrap}.search-box{width:100%}}