:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--bg: #0f1117;--panel: #1a1d27;--border: rgba(255, 255, 255, .08);--text: #e8e8e8;--text-dim: rgba(255, 255, 255, .5);--accent: #4f8cff;--accent-hover: #6ea0ff;--green: #34d399;--red: #f87171}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:var(--bg);color:var(--text)}.app{min-height:100vh;display:flex;flex-direction:column}.header{display:flex;align-items:baseline;gap:.75rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border);background:var(--panel)}.header h1{margin:0;font-size:1.4rem;font-weight:700;color:var(--green);letter-spacing:-.02em}.subtitle{font-size:.85rem;color:var(--text-dim)}.layout{flex:1;display:grid;grid-template-columns:1fr 380px;gap:0;min-height:0}.panel{padding:1.25rem;overflow-y:auto}.panel h2{margin:0 0 1rem;font-size:1.1rem;font-weight:600}.products-panel{border-right:1px solid var(--border)}.category-tabs{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1rem}.tab{padding:.35rem .75rem;font-size:.8rem;border:1px solid var(--border);border-radius:.4rem;background:transparent;color:var(--text-dim);cursor:pointer;transition:all .15s}.tab:hover{border-color:var(--accent);color:var(--text)}.tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.6rem}.product-card{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;padding:.75rem;border:1px solid var(--border);border-radius:.5rem;background:#ffffff05;cursor:pointer;transition:all .15s;text-align:left}.product-card:hover{border-color:var(--accent);background:#4f8cff0f}.product-name{font-size:.85rem;font-weight:500}.product-price{font-size:.95rem;font-weight:700;color:var(--green)}.product-category{font-size:.7rem;color:var(--text-dim)}.cart-panel{display:flex;flex-direction:column;background:var(--panel)}.item-count{margin-left:.5rem;font-size:.75rem;font-weight:400;color:var(--text-dim)}.empty-cart{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-dim)}.empty-cart p{margin:0}.hint{font-size:.8rem;margin-top:.25rem!important}.cart-items{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.cart-item{display:flex;flex-direction:column;gap:.35rem;padding:.6rem;border:1px solid var(--border);border-radius:.4rem;background:#ffffff05}.cart-item-info{display:flex;justify-content:space-between;align-items:baseline}.cart-item-name{font-size:.85rem;font-weight:500}.cart-item-unit{font-size:.7rem;color:var(--text-dim)}.cart-item-controls{display:flex;align-items:center;gap:.5rem}.qty-btn{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--border);border-radius:.3rem;background:transparent;color:var(--text);font-size:.9rem;cursor:pointer;transition:all .15s}.qty-btn:hover{border-color:var(--accent);background:#4f8cff1a}.qty-display{width:2rem;text-align:center;font-size:.85rem;font-weight:600}.cart-item-total{margin-left:auto;font-size:.9rem;font-weight:600}.remove-btn{width:24px;height:24px;display:grid;place-items:center;border:none;border-radius:.3rem;background:transparent;color:var(--text-dim);font-size:.8rem;cursor:pointer;transition:all .15s}.remove-btn:hover{background:#f8717126;color:var(--red)}.bill-summary{border-top:1px solid var(--border);padding-top:.75rem;display:flex;flex-direction:column;gap:.4rem}.summary-row{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-dim)}.summary-row.total{font-size:1.1rem;font-weight:700;color:var(--text)}.summary-divider{height:1px;background:var(--border);margin:.25rem 0}.cart-actions{display:flex;gap:.5rem;margin-top:.75rem}.btn{flex:1;padding:.65rem;border:none;border-radius:.4rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:#ffffff0f;color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:#ffffff1a}.full-width{width:100%;flex:unset}.receipt{max-width:420px;margin:2rem auto;padding:2rem;background:var(--panel);border:1px solid var(--border);border-radius:.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem}.receipt-header{text-align:center;margin-bottom:1rem}.receipt-header h1{margin:0;font-size:1.3rem;letter-spacing:.15em;color:var(--green)}.receipt-header p{margin:.15rem 0 0;color:var(--text-dim);font-size:.75rem}.receipt-divider{text-align:center;color:var(--text-dim);font-size:.75rem;margin:.6rem 0;overflow:hidden;white-space:nowrap;letter-spacing:.05em}.receipt-items{display:flex;flex-direction:column;gap:.5rem}.receipt-item-row{display:flex;justify-content:space-between}.receipt-item-detail{font-size:.72rem;color:var(--text-dim)}.receipt-line{display:flex;justify-content:space-between;margin:.2rem 0}.receipt-total{display:flex;justify-content:space-between;font-size:1.15rem;font-weight:700;color:var(--green)}.receipt-footer{text-align:center;margin:1rem 0 1.5rem}.receipt-footer p{margin:.15rem 0;color:var(--text-dim);font-size:.75rem}