:root{color-scheme:light;--bg: #f3f1eb;--surface: #fcfbf8;--rail: #f0ede6;--ink: #14201a;--muted: #5c6b62;--line: #e0ddd4;--accent: #1f7a4c;--accent-soft: #e6f4ec;--warn: #b45309;--danger: #b91c1c;--radius: 14px;--shadow: 0 8px 24px rgba(20, 32, 26, .05);font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.4;font-weight:450;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}button,input,select{font:inherit}button{cursor:pointer}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--rail);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.02em}.brand-mark{width:32px;height:32px;border-radius:10px;background:linear-gradient(145deg,#2f9e63,#166534);color:#fff;display:grid;place-items:center;font-size:14px}.top-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:600}.pill.warn{background:#fff7ed;color:var(--warn)}.pill.muted{background:#ebe8e0;color:var(--muted)}.nav{display:flex;gap:4px;padding:8px 12px;background:var(--surface);border-bottom:1px solid var(--line)}.nav button{border:0;background:transparent;color:var(--muted);padding:8px 14px;border-radius:10px;font-weight:600}.nav button.active{background:var(--accent-soft);color:var(--accent)}.main{flex:1;padding:12px;max-width:1200px;width:100%;margin:0 auto}.split{display:grid;grid-template-columns:1.2fr .9fr;gap:12px;min-height:calc(100vh - 140px)}@media(max-width:860px){.split{grid-template-columns:1fr}}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;min-height:0}.panel-h{padding:12px 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:8px}.panel-h h2{margin:0;font-size:15px}.panel-b{padding:12px 14px;overflow:auto;flex:1}.search{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#faf9f5}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin-top:10px}.sku{border:1px solid var(--line);border-radius:12px;padding:10px;background:#faf9f5;text-align:left;transition:border-color .15s,transform .1s}.sku:hover{border-color:var(--accent);transform:translateY(-1px)}.sku .name{font-weight:650;font-size:14px}.sku .meta{color:var(--muted);font-size:12px;margin-top:4px}.sku .price{margin-top:8px;color:var(--accent);font-weight:700}.cart-lines{display:flex;flex-direction:column;gap:6px}.cart-line{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:8px;align-items:center;padding:6px 8px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.qty{display:inline-flex;align-items:center;gap:6px}.qty button{width:28px;height:28px;border-radius:8px;border:1px solid var(--line);background:#fff}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.field label{font-size:12px;color:var(--muted);font-weight:600}.field input,.field select{padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:#faf9f5}.row{display:flex;gap:8px;flex-wrap:wrap}.btn{border:0;border-radius:11px;padding:10px 14px;font-weight:650;background:#ebe8e0;color:var(--ink)}.btn.primary{background:var(--accent);color:#fff}.btn.ghost{background:transparent;border:1px solid var(--line)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.ghost.has-unread{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.chat-badge{display:inline-flex;align-items:center;gap:6px;position:relative}.chat-unread{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--danger);color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center}.total{display:flex;justify-content:space-between;align-items:baseline;padding:12px 0 4px;font-size:18px;font-weight:750}.empty{color:var(--muted);text-align:center;padding:28px 12px}.table{width:100%;border-collapse:collapse;font-size:13px}.table th,.table td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--line);vertical-align:top}.table th{color:var(--muted);font-weight:600}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.status-dot.pending,.status-dot.syncing{background:var(--warn)}.status-dot.synced{background:var(--accent)}.status-dot.error{background:var(--danger)}.toast{position:fixed;bottom:16px;right:16px;background:var(--ink);color:#fff;padding:10px 14px;border-radius:12px;max-width:min(360px,calc(100vw - 32px));font-size:13px;z-index:50;box-shadow:var(--shadow)}.form-card{border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:12px;background:#faf9f5}.sell-grid{display:grid;grid-template-columns:1.2fr .9fr;gap:12px;min-height:calc(100vh - 140px)}@media(max-width:860px){.sell-grid{grid-template-columns:1fr}}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px;align-content:start;align-items:start}.product-card{display:flex;flex-direction:column;gap:5px;border:1px solid var(--line);border-radius:10px;padding:7px;background:#faf9f5;text-align:left;transition:border-color .15s,transform .1s;height:auto;align-self:start}.product-card:hover{border-color:var(--accent);transform:translateY(-1px)}.product-thumb{aspect-ratio:5 / 3;width:100%;max-height:78px;border-radius:8px;overflow:hidden;background:#ebe8e0;display:grid;place-items:center}.product-thumb img{width:100%;height:100%;object-fit:contain;display:block}.product-thumb.placeholder{color:var(--muted);font-weight:700;font-size:18px}.product-meta .sku{border:0;padding:0;background:transparent;border-radius:0}.product-meta .sku:hover{transform:none;border-color:transparent}.product-meta .price{margin-top:2px;color:var(--accent);font-weight:700;font-size:13px}.catalog-thumb-cell{width:44px}.catalog-thumb{width:40px;height:40px;object-fit:contain;border-radius:8px;background:#ebe8e0;display:block}.catalog-thumb.placeholder{width:40px;height:40px;border-radius:8px;background:#ebe8e0;display:inline-block}.brand-sub{font-size:11px;color:var(--muted);font-weight:500}.app.shell{min-height:100vh}.shell-body{display:grid;grid-template-columns:200px 1fr;flex:1;min-height:0;align-items:stretch}@media(max-width:900px){.shell-body{grid-template-columns:1fr}.side-nav{flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--line)}}.side-nav{display:flex;flex-direction:column;gap:2px;padding:12px 10px;background:var(--rail);border-right:1px solid var(--line)}.side-nav>button,.side-sub>button,.side-group-toggle{border:0;background:transparent;color:var(--muted);padding:9px 12px;border-radius:10px;font-weight:600;text-align:left;width:100%}.side-nav>button.active,.side-sub>button.active{background:var(--accent-soft);color:var(--accent)}.side-group{margin-top:4px}.side-group-toggle{color:var(--ink);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.side-sub{display:flex;flex-direction:column;gap:2px;padding-left:8px}.shell-main{padding:12px;min-width:0;overflow:auto;background:var(--bg)}.till-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,280px);gap:10px;min-height:calc(100vh - 88px);align-items:stretch}@media(max-width:1100px){.till-layout{grid-template-columns:1fr}}.till-center,.till-cart{min-height:0}.till-toolbar{flex-wrap:wrap}.till-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;flex:1;justify-content:flex-end}.till-tools .search{max-width:220px}.scan-form{display:flex;gap:6px;align-items:center}.scan-form .search{max-width:160px}.sort-select{padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:#faf9f5}.category-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:10px 14px 0}.category-tabs button{border:1px solid var(--line);background:#faf9f5;color:var(--muted);padding:6px 12px;border-radius:999px;font-weight:600;font-size:12px}.category-tabs button.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.product-card{cursor:default}.product-name{font-weight:650;font-size:13px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-cat,.product-stock,.product-variants{font-size:11px;color:var(--muted);margin-top:1px}.product-variants{display:flex;flex-direction:column;gap:4px;margin-top:4px}.variant-row{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.variant-chip{border:1px solid var(--line);background:#fff;color:var(--ink);padding:2px 7px;border-radius:999px;font-size:11px;font-weight:600;line-height:1.3;min-height:22px}.variant-chip.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.variant-swatch{width:18px;height:18px;border-radius:999px;border:2px solid var(--line);padding:0;flex-shrink:0;box-shadow:inset 0 0 0 1px #14201a14}.variant-swatch.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.add-cart{width:100%;margin-top:5px;padding:6px 8px;font-size:12px}.cart-rail{display:flex;flex-direction:column;min-height:0;flex:1;height:100%;padding-bottom:0}.cart-body{flex:1;min-height:0;overflow:auto}.cart-thumb{width:40px;height:40px;border-radius:8px;overflow:hidden;background:#ebe8e0;display:grid;place-items:center;flex-shrink:0}.cart-thumb img{width:100%;height:100%;object-fit:contain;display:block}.cart-thumb.placeholder{color:var(--muted);font-weight:700;font-size:13px}.cart-line-main{min-width:0}.cart-line-main strong{display:block;font-size:13px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-line-side{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.cart-line-price{font-size:12px;font-weight:700;color:var(--ink);white-space:nowrap}.cart-line .qty button{width:24px;height:24px;padding:0;font-size:13px}.cart-line .qty span{min-width:1.25em;text-align:center;font-size:13px;font-weight:650}.panel.till-cart{display:flex;flex-direction:column;min-height:0}.panel.till-cart>.panel-b.cart-rail{display:flex;flex-direction:column;overflow:hidden}.cart-line-meta{font-size:12px;color:var(--muted)}.cart-variant-hook{font-size:11px;color:var(--muted)}.cart-sticky-footer{flex-shrink:0;margin-top:8px;padding-top:10px;border-top:1px solid var(--line);background:var(--surface)}.cart-totals{margin-top:0;border-top:0;padding-top:0}.total-row{display:flex;justify-content:space-between;padding:4px 0;font-size:14px}.total-row.muted{color:var(--muted);font-size:13px}.pay-btn{width:100%;margin-top:10px;padding:14px 16px;font-size:17px;letter-spacing:.02em}.overview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.stat-card{border:1px solid var(--line);border-radius:12px;padding:14px;background:#faf9f5}.stat-label{font-size:12px;color:var(--muted);font-weight:600}.stat-value{font-size:28px;font-weight:750;margin-top:4px}.stat-meta{font-size:11px;color:var(--muted);margin-top:4px}.muted-note{color:var(--muted);font-size:12px;margin-top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.login-landing{min-height:100vh;display:grid;place-items:center;padding:24px 16px;background:radial-gradient(ellipse at top,#e8f5ee 0%,transparent 55%),var(--bg)}.login-card{width:min(440px,100%);background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);box-shadow:var(--shadow);padding:28px 24px 24px}.login-brand{margin-bottom:4px}.login-lead{color:var(--muted);font-size:14px;margin:12px 0 18px}.store-chooser{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--muted)}.store-chooser-label{white-space:nowrap}.store-chooser select{border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);padding:4px 10px;font-size:12px;font-weight:600;max-width:180px}.tx-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.tx-hub-note{margin:0 0 10px}.empty-teach{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:360px;margin:12px auto;text-align:center}.empty-teach strong{color:var(--ink);font-size:15px}.empty-teach p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.tx-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.tx-row{border:1px solid var(--line);border-radius:10px;background:#faf9f5;overflow:hidden}.tx-row.status-pending,.tx-row.status-syncing{border-left:3px solid var(--warn)}.tx-row.status-synced{border-left:3px solid var(--accent)}.tx-row.status-error{border-left:3px solid var(--danger)}.tx-row-main{display:block;width:100%;text-align:left;border:0;background:transparent;padding:10px 12px;cursor:pointer;color:inherit;font:inherit}.tx-row-main:hover{background:#2e7d320a}.tx-row-top,.tx-row-mid{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.tx-when{font-size:12px;color:var(--muted);font-weight:600}.tx-amount{font-size:15px;font-weight:750;color:var(--ink)}.tx-row-mid{margin-top:2px}.tx-tender{font-size:12px;color:var(--ink)}.tx-status{font-size:12px;font-weight:600;color:var(--muted);white-space:nowrap}.tx-status.status-synced{color:var(--accent)}.tx-status.status-pending,.tx-status.status-syncing{color:var(--warn)}.tx-status.status-error{color:var(--danger)}.tx-row-sum{margin-top:4px;font-size:12px;color:var(--muted);line-height:1.35}.tx-error{margin-top:4px;font-size:11px;color:var(--danger)}.tx-detail{border-top:1px solid var(--line);padding:8px 12px 10px;background:#f6f8f6}.tx-detail-meta{font-size:11px;color:var(--muted);margin-bottom:6px}.tx-lines{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.tx-lines li{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--ink)}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.chip{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:999px;padding:4px 10px;font-size:12px}.chip.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:700}.service-block,.portion-list{display:flex;flex-direction:column;gap:8px}.portion-list{list-style:none;margin:0;padding:0}.portion-list li{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:12px}.change-note{margin:6px 0 0;font-size:13px;font-weight:700;color:var(--accent)}.pay-error{margin:6px 0 0;font-size:12px;color:var(--danger)}.receipt-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14201a59;display:grid;place-items:center;z-index:40;padding:16px}.receipt-card{width:min(420px,100%);max-height:min(90vh,720px);overflow:auto;background:var(--surface);border-radius:16px;padding:16px;box-shadow:var(--shadow)}.receipt-card h2{margin:0 0 8px}.panel-h .chip-row{margin-left:auto}