:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--green: #22c55e;--green-dark: #16a34a;--green-light: #4ade80;--bg: #0f1115;--surface: #1a1d24;--surface-hover: #22262f;--border: rgba(255, 255, 255, .08);--text: #e8eaed;--text-muted: #9ca3af;--red: #ef4444;--orange: #f97316;--yellow: #eab308;--blue: #3b82f6;--purple: #a855f7}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text)}.app{min-height:100vh;display:flex;flex-direction:column}.header{position:sticky;top:0;z-index:50;background:var(--surface);border-bottom:1px solid var(--border);padding:.75rem 1.5rem;display:flex;align-items:center;gap:1.5rem}.logo{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;color:var(--green);white-space:nowrap;letter-spacing:-.02em}.logo-icon{font-size:1.5rem}.search-bar{flex:1;max-width:32rem;position:relative}.search-bar input{width:100%;padding:.5rem 1rem .5rem 2.5rem;border-radius:.5rem;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:.9rem;outline:none;transition:border-color .15s}.search-bar input:focus{border-color:var(--green)}.search-bar input::placeholder{color:var(--text-muted)}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:.9rem;pointer-events:none}.header-actions{display:flex;align-items:center;gap:.75rem;margin-left:auto}.cart-toggle{position:relative;background:none;border:1px solid var(--border);border-radius:.5rem;padding:.5rem .75rem;color:var(--text);cursor:pointer;font-size:1.1rem;display:flex;align-items:center;gap:.4rem;transition:background .15s,border-color .15s}.cart-toggle:hover{background:var(--surface-hover);border-color:var(--green)}.cart-badge{position:absolute;top:-6px;right:-6px;background:var(--green);color:#000;font-size:.65rem;font-weight:700;min-width:1.15rem;height:1.15rem;display:flex;align-items:center;justify-content:center;border-radius:9999px;padding:0 .25rem}.main-layout{display:flex;flex:1}.content{flex:1;padding:1.5rem;overflow-y:auto}.category-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.category-tab{padding:.4rem 1rem;border-radius:9999px;border:1px solid var(--border);background:transparent;color:var(--text-muted);cursor:pointer;font-size:.8rem;white-space:nowrap;transition:all .15s}.category-tab:hover{color:var(--text);border-color:#ffffff26}.category-tab.active{background:var(--green);color:#000;border-color:var(--green);font-weight:600}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1rem}.product-card{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;overflow:hidden;transition:border-color .15s,transform .15s}.product-card:hover{border-color:#ffffff26;transform:translateY(-2px)}.product-image{height:8rem;display:flex;align-items:center;justify-content:center;font-size:3rem;background:#ffffff05}.product-info{padding:.75rem 1rem 1rem}.product-category-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.25rem}.product-name{font-size:.95rem;font-weight:600;margin-bottom:.15rem}.product-unit{font-size:.75rem;color:var(--text-muted);margin-bottom:.5rem}.product-footer{display:flex;align-items:center;justify-content:space-between}.product-price{font-size:1.1rem;font-weight:700;color:var(--green-light)}.add-btn{background:var(--green);color:#000;border:none;border-radius:.5rem;padding:.35rem .75rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s}.add-btn:hover{background:var(--green-dark)}.add-btn:active{transform:scale(.96)}.cart-sidebar{width:22rem;background:var(--surface);border-left:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0}.cart-sidebar.closed{display:none}.cart-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.cart-header h2{font-size:1.1rem;font-weight:700}.cart-count{font-size:.8rem;color:var(--text-muted)}.cart-items{flex:1;overflow-y:auto;padding:.5rem 0}.cart-empty{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.cart-empty-icon{font-size:2.5rem;margin-bottom:.5rem}.cart-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--border);transition:background .1s}.cart-item:hover{background:var(--surface-hover)}.cart-item-emoji{font-size:1.6rem;flex-shrink:0}.cart-item-details{flex:1;min-width:0}.cart-item-name{font-size:.85rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-item-price{font-size:.75rem;color:var(--text-muted)}.qty-controls{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.qty-btn{width:1.6rem;height:1.6rem;border-radius:.35rem;border:1px solid var(--border);background:transparent;color:var(--text);cursor:pointer;font-size:.85rem;display:flex;align-items:center;justify-content:center;transition:background .1s}.qty-btn:hover{background:var(--surface-hover)}.qty-btn.remove:hover{background:var(--red);border-color:var(--red);color:#fff}.qty-value{font-size:.85rem;font-weight:600;min-width:1.25rem;text-align:center}.item-total{font-size:.85rem;font-weight:600;color:var(--green-light);min-width:3.5rem;text-align:right;flex-shrink:0}.cart-footer{border-top:1px solid var(--border);padding:1rem 1.25rem}.cart-summary-row{display:flex;justify-content:space-between;margin-bottom:.35rem;font-size:.85rem;color:var(--text-muted)}.cart-summary-row.total{font-size:1.05rem;font-weight:700;color:var(--text);margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border)}.checkout-btn{width:100%;margin-top:.75rem;padding:.65rem;border-radius:.5rem;border:none;background:var(--green);color:#000;font-size:.9rem;font-weight:700;cursor:pointer;transition:background .15s}.checkout-btn:hover{background:var(--green-dark)}.checkout-btn:disabled{opacity:.4;cursor:not-allowed}.clear-btn{width:100%;margin-top:.5rem;padding:.45rem;border-radius:.5rem;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:.8rem;cursor:pointer;transition:all .15s}.clear-btn:hover{border-color:var(--red);color:var(--red)}.toast-container{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:100;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast{background:var(--green);color:#000;padding:.5rem 1rem;border-radius:.5rem;font-size:.8rem;font-weight:600;animation:toast-in .3s ease,toast-out .3s ease 1.5s forwards;box-shadow:0 4px 12px #0000004d}@keyframes toast-in{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-.5rem)}}.no-results{text-align:center;padding:4rem 1rem;color:var(--text-muted)}.no-results-icon{font-size:3rem;margin-bottom:.75rem}.no-results h3{color:var(--text);margin-bottom:.25rem}@media(max-width:768px){.header{padding:.5rem 1rem;gap:.75rem}.logo span:not(.logo-icon){display:none}.content{padding:1rem}.product-grid{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr))}.cart-sidebar{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:22rem;z-index:100;box-shadow:-8px 0 24px #00000080}}