:root{--forrest:#22383a;--tiger:#f36c2e;--charcoal:#231f20;--smoke:#f2f2f2;--card:#fff;--muted:#6b6b6b;--line:#e2e2e2;--red:#c62828;--red-bg:#fdecea;--amber:#b26a00;--amber-bg:#fff4e0;--green:#2e7d32;--green-bg:#e9f5ea;--grey:#8a8a8a;--grey-bg:#eee}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--smoke);color:var(--charcoal);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.4}a{color:inherit}.num{font-variant-numeric:tabular-nums;text-align:right}.topbar{z-index:10;background:var(--forrest);color:#fff;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}.topbar h1{white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:18px;overflow:hidden}.topbar a.back{padding:4px 8px 4px 0;font-size:22px;text-decoration:none}.topbar .sub{opacity:.8;font-size:12px}main{max-width:900px;margin:0 auto;padding:12px 16px 80px}.controls{z-index:5;background:var(--smoke);flex-wrap:wrap;gap:8px;padding:8px 0;display:flex;position:sticky;top:52px}.chip{border:1px solid var(--line);background:var(--card);border-radius:999px;min-height:40px;padding:8px 12px;font-size:14px;line-height:22px;text-decoration:none;display:inline-block}.chip.on{background:var(--forrest);color:#fff;border-color:var(--forrest)}select,input[type=search],input[type=number],input[type=password],input[type=text]{font:inherit;border:1px solid var(--line);background:#fff;border-radius:8px;min-height:40px;padding:8px 10px}button,.btn{font:inherit;background:var(--tiger);color:#fff;cursor:pointer;border:none;border-radius:8px;min-height:44px;padding:10px 16px;text-decoration:none;display:inline-block}button.secondary{background:var(--card);color:var(--charcoal);border:1px solid var(--line)}.card{background:var(--card);border-radius:12px;margin-bottom:10px;padding:12px;box-shadow:0 1px 2px #0000000d}.vendor-row{align-items:center;gap:12px;min-height:56px;text-decoration:none;display:flex}.vendor-row .name{flex:1;font-weight:600}.vendor-row .meta{color:var(--muted);font-size:13px}.badge{white-space:nowrap;border-radius:999px;margin:2px 4px 2px 0;padding:2px 8px;font-size:12px;display:inline-block}.b-red{background:var(--red-bg);color:var(--red)}.b-amber{background:var(--amber-bg);color:var(--amber)}.b-green{background:var(--green-bg);color:var(--green)}.b-grey{background:var(--grey-bg);color:var(--grey)}.b-tiger{color:#b34a17;background:#fde7dc}.b-forrest{color:var(--forrest);background:#e3ecec}.product{margin-bottom:14px}.product-head{align-items:center;gap:10px;margin-bottom:6px;display:flex}.product-head img,.thumb{object-fit:cover;background:var(--grey-bg);border-radius:8px;flex:none;width:48px;height:48px}.product-head .title{font-weight:600}.product-head .meta{color:var(--muted);font-size:13px}.variant{border-top:1px solid var(--line);padding:10px 0}.variant summary{cursor:pointer;list-style:none}.variant summary::-webkit-details-marker{display:none}.vline{align-items:center;gap:8px;display:flex}.health{border-radius:3px;flex:none;align-self:stretch;width:6px}.h-sold_out,.h-reorder{background:var(--red)}.h-approaching{background:var(--amber)}.h-healthy{background:var(--green)}.h-inactive{background:var(--grey)}.vname{flex:1;min-width:0}.vname .t{font-size:15px}.vname .s{color:var(--muted);font-size:12px}.sugg{text-align:right;min-width:64px}.sugg .q{font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.sugg .l{color:var(--muted);font-size:11px}.stats{grid-template-columns:repeat(4,1fr);gap:4px;margin:6px 0 0 14px;font-size:13px;display:grid}.stats div{background:var(--smoke);border-radius:6px;padding:4px 6px}.stats b{font-variant-numeric:tabular-nums;font-size:15px;display:block}.stats span{color:var(--muted);font-size:11px}.working{background:var(--smoke);border-radius:8px;margin:10px 0 0 14px;padding:10px;font-size:13px}.working table{border-collapse:collapse;width:100%}.working td,.working th{text-align:left;padding:3px 4px}.working td.num,.working th.num{text-align:right}.actions{flex-wrap:wrap;gap:6px;margin:10px 0 0 14px;display:flex}.actions button{min-height:40px;padding:8px 12px;font-size:14px}.actions button.current{background:var(--forrest)}.stepper{align-items:center;gap:4px;display:inline-flex}.stepper button{background:var(--card);width:40px;color:var(--charcoal);border:1px solid var(--line);padding:0}.stepper input{text-align:center;width:64px}.empty{text-align:center;color:var(--muted);padding:40px 0}.muted{color:var(--muted)}.small{font-size:13px}.settings-form{grid-template-columns:1fr 1fr 1fr;align-items:end;gap:8px;display:grid}.settings-form label{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.settings-form input{width:100%}@media (max-width:420px){.stats{grid-template-columns:repeat(2,1fr)}}.tabbar{z-index:20;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);background:#fff;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar a{text-align:center;color:var(--muted);flex:1;padding:14px 0;font-weight:600;text-decoration:none}.tabbar a.on{color:var(--forrest);box-shadow:inset 0 3px 0 var(--tiger)}.kpis{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px;display:grid}.kpi{background:var(--card);border-radius:12px;padding:10px}.kpi b{font-variant-numeric:tabular-nums;font-size:18px;display:block}.kpi span{color:var(--muted);font-size:12px}.kpi.alert b{color:var(--tiger)}.sku{border-top:1px solid var(--line);grid-template-columns:1fr auto;gap:2px 8px;padding:8px 0;display:grid}.sku .t{font-size:15px}.sku .s{color:var(--muted);font-size:12px}.sku .v{text-align:right;font-variant-numeric:tabular-nums}.sku .v b{font-size:17px}@media (max-width:420px){.kpis{grid-template-columns:repeat(2,1fr)}}.dcols{display:none}@media (min-width:960px){main{max-width:1280px;padding:16px 24px 40px}.topbar{padding:12px 470px 12px 24px}.tabbar{background:0 0;border:0;align-items:center;gap:4px;height:52px;padding:0;inset:0 16px auto auto}.tabbar a{color:#ffffffbf;border-radius:8px;flex:none;padding:8px 18px}.tabbar a.on{color:#fff;box-shadow:inset 0 -3px 0 var(--tiger);background:#ffffff24}.controls{top:52px}.grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:10px;display:grid}.grid>.card{margin-bottom:0}.kpis{grid-template-columns:repeat(6,1fr)}.vline{gap:16px}.vname .s{display:none}.dcols{text-align:right;font-variant-numeric:tabular-nums;grid-template-columns:repeat(6,84px);gap:4px;display:grid}.dcols b{font-size:15px;display:block}.dcols span{color:var(--muted);font-size:11px}.sugg{min-width:90px}.stats,.working,.actions{margin-left:22px}.working{max-width:900px}.sku{grid-template-columns:1fr 160px}}button.info{background:var(--card);width:32px;height:32px;min-height:32px;color:var(--forrest);border:1px solid var(--forrest);border-radius:50%;align-self:center;padding:0;font-family:Georgia,serif;font-size:15px;font-style:italic;font-weight:700}button.info.wide{border-radius:999px;width:auto;padding:0 12px;font-family:inherit;font-size:13px;font-style:normal}.help{max-width:min(520px,100vw - 32px);max-height:80vh;color:var(--charcoal);background:#fff;border:none;border-radius:14px;padding:16px 18px;overflow:auto;box-shadow:0 10px 40px #00000040}.help::backdrop{background:#0000004d}.help h3{color:var(--forrest);margin:0 0 8px}.help dl{margin:0 0 12px}.help dt{margin-top:8px;font-weight:700}.help dd{margin:2px 0 0;font-size:14px}.settings-table{border-collapse:collapse;width:100%;font-size:14px}.settings-table th,.settings-table td{text-align:left;vertical-align:middle;border-bottom:1px solid var(--line);padding:6px}.settings-table th{color:var(--muted);font-size:13px;font-weight:600}.settings-table input{margin:0 4px;display:inline-block;width:72px!important}