:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--sf-outline:#dcdfe4;--sf-surface:#fff;--sf-surface-low:#f3f5f8;--sf-surface-high:#e6e9ee;--sf-on-surface:#1c1c1e;--sf-on-surface-variant:#5f6672;--sf-primary:#005fb0;--sf-primary-container:#d6e6ff;--sf-on-primary-container:#002f5a;--sf-good-container:#d7f0dc;--sf-on-good-container:#0f4a1e;--sf-bad-container:#ffdad6;--sf-on-bad-container:#6a0f0a;--sf-wait-container:#e3e7ee;--sf-on-wait-container:#2f3a48;--sf-error:#b3261e}html,body,#root{min-height:100%}body{color:var(--sf-on-surface);background:#fafafa;margin:0;font-family:Roboto,Helvetica Neue,Arial,sans-serif}a{color:var(--sf-primary)}h1{font-size:1.6rem;font-weight:500}h3{margin:12px 0 8px;font-weight:500}.page{max-width:1100px;margin:0 auto;padding:24px 16px 64px}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.muted{color:var(--sf-on-surface-variant)}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.spacer{flex:1}.money{font-variant-numeric:tabular-nums}.error{color:var(--sf-error)}.small{font-size:.85rem}.brand{color:inherit;font-size:1.15rem;font-weight:500;text-decoration:none}.who{opacity:.9;margin:0 8px;font-size:.9rem}.signin-note{opacity:.8;margin-left:8px;font-size:.85rem}.cart-count{color:#1c1c1e;text-align:center;background:#ffb300;border-radius:9px;min-width:18px;height:18px;padding:0 5px;font-size:.72rem;font-weight:500;line-height:18px;position:absolute;top:2px;right:2px}.page-header{flex-wrap:wrap;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.page-header h1{margin:0}.page-header .crumb{margin:0 0 2px;font-size:.85rem}.page-header .subtitle{margin:2px 0 0;font-size:.9rem}.page-header .actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chip.status{background:var(--sf-surface-high);color:var(--sf-on-surface);white-space:nowrap;border-radius:10px;padding:2px 10px;font-size:.8rem;display:inline-block}.chip.status[data-tone=good]{background:var(--sf-good-container);color:var(--sf-on-good-container)}.chip.status[data-tone=bad]{background:var(--sf-bad-container);color:var(--sf-on-bad-container)}.chip.status[data-tone=wait]{background:var(--sf-wait-container);color:var(--sf-on-wait-container)}.categories{margin:8px 0 20px}a.chip{border:1px solid var(--sf-outline);color:inherit;border-radius:16px;padding:6px 12px;font-size:.9rem;text-decoration:none}a.chip.active{background:var(--sf-primary-container);color:var(--sf-on-primary-container);border-color:#0000}.tile{color:inherit;text-decoration:none;display:block}.tile img,.tile .placeholder{aspect-ratio:4/3;object-fit:cover;border-radius:8px 8px 0 0;width:100%}.placeholder{background:var(--sf-surface-high);color:var(--sf-on-surface-variant);place-items:center;font-size:2rem;display:grid}.tile h3{margin:12px 0 4px;font-size:1rem;font-weight:500}.tile p{margin:0 0 4px}.tile s{margin-left:6px}.product{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:32px;display:grid}@media (width<=720px){.product{grid-template-columns:1fr}}.product img,.product .placeholder{aspect-ratio:1;object-fit:cover;border-radius:16px;width:100%;font-size:4rem}.product h1{margin:4px 0 8px;font-size:1.8rem}.product .price{font-size:1.4rem}.product s{margin-left:8px;font-size:1rem}.availability{margin:0 0 20px;padding:0;list-style:none}.availability li{border-bottom:1px solid var(--sf-outline);justify-content:space-between;padding:6px 0;display:flex}table.lines{border-collapse:collapse;width:100%;margin-bottom:16px}table.lines th{text-align:left;color:var(--sf-on-surface-variant);border-bottom:1px solid var(--sf-outline);padding:8px 4px;font-weight:500}table.lines td{border-bottom:1px solid var(--sf-outline);padding:8px 4px}.summary-row{align-items:flex-start}dl.totals{grid-template-columns:auto auto;gap:4px 24px;margin:0;display:grid}dl.totals dd{text-align:right;margin:0}.total{font-weight:500}dl.totals .total{font-size:1.1rem}ul.summary,ul.lines{max-width:560px;margin:0 0 20px;padding:0;list-style:none}ul.summary li,ul.lines li{border-bottom:1px solid var(--sf-outline);justify-content:space-between;gap:12px;padding:6px 0;display:flex}.notice{background:var(--sf-good-container);color:var(--sf-on-good-container);border-radius:12px;max-width:560px;margin-bottom:16px;padding:12px 16px}.notice h3{margin-top:0}.order-status{background:var(--sf-surface-low);border-radius:12px;flex-wrap:wrap;align-items:center;gap:16px;margin:8px 0 20px;padding:16px;display:flex}.order-status[data-status=Paid],.order-status[data-status=Completed],.order-status[data-status=Ready]{background:var(--sf-good-container);color:var(--sf-on-good-container)}.order-status[data-status=Rejected],.order-status[data-status=Expired],.order-status[data-status=Cancelled]{background:var(--sf-bad-container);color:var(--sf-on-bad-container)}.order-status p{margin:2px 0 0}.feed{margin-top:32px}.feed h2{font-size:1.1rem;font-weight:500}.feed-order h3{align-items:center;gap:8px;margin:16px 0 4px;font-size:1rem;font-weight:500;display:flex}.feed-timeline{border-left:2px solid var(--sf-outline-variant);margin:0;padding:0 0 0 12px;list-style:none}.feed-timeline li{gap:12px;padding:2px 0 2px 8px;display:flex}.feed-timeline time{color:var(--sf-on-surface-variant);white-space:nowrap;font-variant-numeric:tabular-nums}.timeline{flex-wrap:wrap;gap:0;margin:0 0 24px;padding:0;list-style:none;display:flex}.timeline li{color:var(--sf-on-surface-variant);align-items:center;gap:6px;padding:4px 12px 4px 0;font-size:.9rem;display:flex}.timeline .dot{background:var(--sf-outline);border-radius:50%;width:10px;height:10px}.timeline .done{color:var(--sf-on-surface)}.timeline .done .dot{background:var(--sf-primary)}.timeline .current{color:var(--sf-primary);font-weight:500}form.address-form{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;max-width:640px;margin-bottom:12px;display:grid}form.address-form .wide,form.address-form .actions{grid-column:1/-1}form.address-form .actions{align-items:center;gap:8px;display:flex}.addresses label{display:flex}.scroll{overflow-x:auto}.filters{margin-bottom:8px}table.data{border-collapse:collapse;width:100%;font-size:.92rem}table.data th{text-align:left;color:var(--sf-on-surface-variant);border-bottom:1px solid var(--sf-outline);white-space:nowrap;padding:8px;font-weight:500}table.data td{border-bottom:1px solid var(--sf-outline);vertical-align:middle;padding:6px 8px}table.data .num{text-align:right;font-variant-numeric:tabular-nums}table.data tr.low td:nth-child(6){color:var(--sf-error);font-weight:500}table.data pre{white-space:pre-wrap;margin:0;font-size:.8rem}.cell{border:1px solid var(--sf-outline);background:var(--sf-surface);width:80px;color:inherit;font:inherit;border-radius:6px;padding:6px}.cell.wide{width:180px}.thumb{object-fit:cover;background:var(--sf-surface-high);border-radius:6px;width:36px;height:36px;display:inline-block}.admin-layout{grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 64px);display:grid}@media (width<=800px){.admin-layout{grid-template-columns:1fr}.admin-layout .side{display:none}}.admin-layout .side{border-right:1px solid var(--sf-outline);background:var(--sf-surface-low)}.admin-layout .content{max-width:1200px;padding:24px}.side a{color:inherit;align-items:center;gap:12px;padding:10px 16px;text-decoration:none;display:flex}.side a.active{background:var(--sf-primary-container);border-radius:0 24px 24px 0}.panel{background:var(--sf-surface-low);border-radius:12px;margin-bottom:16px;padding:12px 16px}.panel h3{margin-top:0}.two{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:32px;display:grid}.columns{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.column{background:var(--sf-surface-low);border-radius:12px;min-height:200px;padding:12px}.column h3{margin:4px 0 12px}.column .card{background:var(--sf-surface);border-radius:8px;margin-bottom:10px;padding:10px 12px;box-shadow:0 1px 2px #00000014}.column .card a{color:inherit;text-decoration:none}.column .actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}dl.facts{grid-template-columns:auto 1fr;gap:4px 16px;margin:0 0 16px;display:grid}dl.facts dt{color:var(--sf-on-surface-variant)}dl.facts dd{margin:0}ul.plain{margin:0 0 8px;padding:0;list-style:none}ul.plain li{border-bottom:1px solid var(--sf-outline);padding:6px 0}.key{background:var(--sf-surface-high);word-break:break-all;border-radius:6px;padding:6px 10px;font-family:monospace}.images{flex-wrap:wrap;gap:12px;margin-bottom:8px;display:flex}.images figure{width:120px;margin:0}.images img{object-fit:cover;border-radius:8px;width:120px;height:120px}.tiles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0 0 20px;display:grid}.tile-stat{background:var(--sf-surface-low);border-radius:12px;flex-direction:column;gap:4px;padding:12px 16px;display:flex}.tile-stat .label{color:var(--sf-on-surface-variant);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem}.tile-stat .value{font-size:1.5rem;font-weight:500}.chart{border-bottom:1px solid var(--sf-outline);grid-template-columns:repeat(24,1fr);align-items:end;gap:4px;height:140px;margin-bottom:16px;padding-bottom:18px;display:grid;position:relative}.bar-wrap{flex-direction:column;justify-content:flex-end;height:100%;display:flex;position:relative}.bar{background:var(--sf-primary);border-radius:3px 3px 0 0;min-height:1px}.tick{text-align:center;color:var(--sf-on-surface-variant);font-size:.65rem;position:absolute;bottom:-18px;left:0;right:0}.status.delivered{background:var(--sf-good-container);color:var(--sf-on-good-container)}.status.dead{background:var(--sf-bad-container);color:var(--sf-on-bad-container)}.status.pending,.status.retrying,.chip.status.announced,.chip.status.pending,.chip.status.retrying{background:var(--sf-wait-container);color:var(--sf-on-wait-container)}.chip.status.received,.chip.status.delivered{background:var(--sf-good-container);color:var(--sf-on-good-container)}.chip.status.cancelled,.chip.status.dead{background:var(--sf-bad-container);color:var(--sf-on-bad-container)}.card.delivery{border:1px solid var(--sf-outline);border-radius:10px;margin:12px 0;padding:12px 16px}.card.delivery .head{flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}div.lines{gap:6px;margin-bottom:8px;display:grid}div.lines .line{align-items:center;gap:8px;display:flex}td.short{color:var(--sf-error);font-weight:500}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
