: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)}}