:root{--turq-900:#0b3f3d;--turq-700:#0e6e6b;--turq-500:#19a7a1;--turq-100:#dff3f1;--turq-50:#f0f9f8;--red:#c8312a;--red-100:#fdecea;--gold:#e9b23c;--gold-100:#fdf3dc;--ink:#14302f;--muted:#5d7473;--line:#dbe6e5;--bg:#f4f7f7;--white:#fff;--display:"Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;--body:"Instrument Sans", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font:15px/1.45 var(--body);margin:0}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--turq-700)}:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:6px}h1,h2,h3{font-family:var(--display);letter-spacing:-.01em;margin:0}h1{font-size:24px}h2{font-size:18px}h3{font-size:15px}.shell{grid-template-columns:220px 1fr;min-height:100dvh;display:grid}.side{background:var(--turq-900);color:#cfe7e5;flex-direction:column;gap:4px;height:100dvh;padding:18px 12px;display:flex;position:sticky;top:0}.side .logo{font:700 19px/1.1 var(--display);color:#fff;padding:4px 10px 16px}.side .logo small{font:400 12px var(--body);color:#9cc9c6;margin-top:2px;display:block}.nav a{color:inherit;border-radius:10px;justify-content:space-between;align-items:center;padding:9px 10px;font-weight:600;text-decoration:none;display:flex}.nav a:hover{background:#ffffff0f}.nav a[aria-current=page]{background:var(--turq-700);color:#fff}.nav .pill{background:var(--gold);color:var(--ink);text-align:center;border-radius:999px;min-width:20px;padding:0 7px;font-size:12px}.side .me{border-top:1px solid #ffffff1a;margin-top:auto;padding:10px;font-size:13px}.side .me button{color:var(--gold);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}main{width:100%;max-width:1100px;padding:22px}.head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}@media (max-width:820px){.shell{grid-template-columns:1fr}.side{z-index:30;flex-direction:row;gap:0;height:auto;padding:6px;position:fixed;inset:auto 0 0}.side .logo,.side .me{display:none}.nav{justify-content:space-around;width:100%;display:flex}.nav a{text-align:center;flex-direction:column;flex:1;gap:2px;padding:6px 4px;font-size:11px}.nav a .ico{font-size:18px}.nav a.desk{display:none}main{padding:14px 12px 90px}}.nav .ico{display:none}@media (max-width:820px){.nav .ico{display:block}.nav .pill{position:absolute;transform:translate(14px,-4px)}.nav a{position:relative}}.card{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:16px}.stack{gap:14px;display:grid}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.grow{flex:1}.tiles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.tile{background:var(--white);border:1px solid var(--line);color:inherit;border-radius:14px;gap:2px;padding:14px;text-decoration:none;display:grid}.tile b{font:700 28px/1 var(--display)}.tile span{color:var(--muted);font-size:13.5px}.tile.warn{border-color:var(--gold);background:var(--gold-100)}.tile.hot{border-color:var(--red);background:var(--red-100)}.cols{grid-template-columns:1.4fr 1fr;align-items:start;gap:14px;display:grid}@media (max-width:920px){.cols{grid-template-columns:1fr}}.btn{cursor:pointer;background:var(--turq-700);color:#fff;white-space:nowrap;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:9px 14px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:var(--turq-900)}.btn.sec{background:var(--white);color:var(--turq-900);border-color:var(--line)}.btn.sec:hover{background:var(--turq-50)}.btn.danger{background:var(--white);color:var(--red);border-color:#f1c4c0}.btn.danger:hover{background:var(--red-100)}.btn.wa{background:#1f9d55}.btn.wa:hover{background:#157a41}.btn.sm{border-radius:8px;padding:5px 10px;font-size:13.5px}.btn:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{border:1px solid var(--line);background:#fff;border-radius:9px;width:100%;padding:8px 10px}input:focus,select:focus,textarea:focus{border-color:var(--turq-500);box-shadow:0 0 0 3px var(--turq-100);outline:none}label.f{gap:4px;font-size:13.5px;font-weight:600;display:grid}label.f small{color:var(--muted);font-weight:400}.fgrid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}input.code{font:700 28px/1 var(--display);letter-spacing:.4em;text-align:center;max-width:180px}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:9px 8px}th{color:var(--muted);font-size:12.5px;font-weight:600}td.n,th.n{text-align:right;white-space:nowrap}tr.link{cursor:pointer}tr.link:hover td{background:var(--turq-50)}.scroll{overflow-x:auto}.chip{white-space:nowrap;color:var(--ink);background:#e8eeee;border-radius:999px;padding:2px 9px;font-size:12.5px;font-weight:700;display:inline-block}.chip.pending_payment{background:var(--gold-100);color:#7a5300}.chip.paid,.chip.packed{background:var(--turq-100);color:var(--turq-900)}.chip.out_for_delivery{color:#1d4690;background:#e3ecfb}.chip.delivered,.chip.collected{color:#16613a;background:#e2f5e9}.chip.delivery_failed,.chip.refunded{background:var(--red-100);color:#8c1d18}.chip.cancelled,.chip.expired{color:#5a6566;background:#eceff0}.chip.draft{background:var(--gold-100);color:#7a5300}.chip.active{color:#16613a;background:#e2f5e9}.chip.archived{color:#5a6566;background:#eceff0}.tabs{scrollbar-width:none;gap:6px;margin-bottom:12px;display:flex;overflow-x:auto}.tabs a{background:var(--white);border:1px solid var(--line);color:var(--ink);white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:13.5px;font-weight:600;text-decoration:none}.tabs a[aria-current=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.alert{border-radius:10px;padding:10px 12px;font-size:14px}.alert.warn{background:var(--gold-100);border:1px solid #f0d58e}.alert.err{background:var(--red-100);color:#8c1d18;border:1px solid #f1c4c0}.alert.ok{background:var(--turq-100);border:1px solid #b6e0dc}.muted{color:var(--muted)}.small{font-size:13px}.msg{background:var(--turq-50);border:1px dashed var(--turq-500);white-space:pre-wrap;border-radius:10px;padding:10px 12px;font-size:14px}.timeline{gap:8px;margin:0;padding:0;list-style:none;display:grid}.timeline li{grid-template-columns:92px 1fr;gap:10px;font-size:13.5px;display:grid}.timeline time{color:var(--muted)}.thumb{object-fit:cover;background:var(--turq-100);border-radius:8px;width:44px;height:44px;display:block}.imgs{flex-wrap:wrap;gap:10px;display:flex}.imgs figure{margin:0;position:relative}.imgs img{object-fit:cover;border-radius:10px;width:96px;height:96px;display:block}.imgs button{position:absolute;top:4px;right:4px}.stockcell{align-items:center;gap:4px;display:inline-flex}.stockcell b{text-align:center;min-width:30px}.low{color:var(--red);font-weight:700}.bar{background:var(--turq-500);border-radius:4px;height:10px}#toast{background:var(--ink);color:#fff;z-index:100;border-radius:10px;max-width:92vw;padding:10px 16px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #0003}#toast.err{background:var(--red)}@media (max-width:820px){#toast{bottom:84px}}dialog{border:0;border-radius:16px;width:min(480px,94vw);padding:20px}dialog::backdrop{background:#0b3f3d73}.login{place-items:center;min-height:100dvh;padding:16px;display:grid}.login .card{gap:14px;width:min(380px,100%);padding:24px;display:grid}.picker-results{border:1px solid var(--line);border-radius:10px;max-height:260px;overflow-y:auto}.picker-results button{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;justify-content:space-between;gap:10px;width:100%;padding:8px 10px;display:flex}.picker-results button:hover{background:var(--turq-50)}.picker-results button:disabled{color:#9aa;cursor:not-allowed}