:root{--purple:#3d0c6e;--purple-light:#6b21a8;--purple-pale:#f3e8ff;--accent:#7c3aed;--text:#1a1a1a;--muted:#6b7280;--border:#e5e7eb;--bg:#f9fafb;--white:#fff;--green:#16a34a;--red:#dc2626}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text);background:#e5e7eb;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{background:var(--white);max-width:430px;min-height:100vh;margin:0 auto;position:relative;overflow-x:hidden}h1{font-size:1.5rem;font-weight:700}h2{font-size:1.25rem;font-weight:600}h3{font-size:1rem;font-weight:600}.header{background:var(--purple);color:#fff;border-radius:0 0 1.5rem 1.5rem;padding:1rem 1rem 1.5rem}.header-row{justify-content:space-between;align-items:center;display:flex}.input{border:1.5px solid var(--border);background:#f3f4f6;border-radius:.75rem;outline:none;width:100%;padding:.875rem 1rem;font-size:1rem;transition:border-color .2s}.input:focus{border-color:var(--accent);background:#fff}.input-wrap{position:relative}.input-eye{cursor:pointer;color:var(--muted);position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.btn{cursor:pointer;border:none;border-radius:.75rem;width:100%;padding:.875rem;font-size:1rem;font-weight:600;transition:opacity .2s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--purple);color:#fff}.btn-primary:hover:not(:disabled){background:var(--purple-light)}.btn-outline{border:2px solid var(--purple);color:var(--purple);background:0 0}.btn-sm{border-radius:.5rem;width:auto;padding:.5rem 1rem;font-size:.875rem}.btn-add{color:var(--purple);border:1.5px solid var(--purple);cursor:pointer;background:#fff;border-radius:.5rem;padding:.4rem .875rem;font-size:.875rem;font-weight:600}.card{background:#fff;border-radius:1rem;margin-bottom:.75rem;padding:1rem;box-shadow:0 1px 4px #00000014}.bottom-nav{border-top:1px solid var(--border);z-index:100;background:#fff;justify-content:space-around;align-items:center;width:100%;max-width:430px;padding:.5rem 0;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{color:var(--muted);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:.2rem;padding:.25rem .5rem;font-size:.7rem;display:flex}.nav-item.active{color:var(--purple)}.nav-icon{font-size:1.3rem;line-height:1}.page{min-height:100vh;padding-bottom:5rem}.page-content{padding:1rem}.form-group{flex-direction:column;gap:.75rem;display:flex}.form-label{color:var(--muted);margin-bottom:.25rem;font-size:.875rem;font-weight:500;display:block}.form-section{margin-bottom:1.25rem}.badge{border-radius:9999px;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-block}.badge-green{color:var(--green);background:#dcfce7}.badge-purple{background:var(--purple-pale);color:var(--purple)}.badge-orange{color:#d97706;background:#fef3c7}.badge-red{color:var(--red);background:#fee2e2}.stars{color:#f59e0b;font-size:.875rem}.veg-icon{border:1.5px solid;border-radius:2px;flex-shrink:0;width:1rem;height:1rem;display:inline-block}.veg-icon.veg{border-color:var(--green)}.veg-icon.veg:after{content:"";background:var(--green);border-radius:50%;width:.5rem;height:.5rem;margin:2px auto;display:block}.veg-icon.nonveg{border-color:var(--red)}.veg-icon.nonveg:after{content:"▲";color:var(--red);justify-content:center;align-items:center;height:100%;font-size:.45rem;display:flex}.spinner{justify-content:center;align-items:center;padding:3rem;display:flex}.spinner:after{content:"";border:3px solid var(--border);border-top-color:var(--purple);border-radius:50%;width:2rem;height:2rem;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-msg{color:var(--red);background:#fee2e2;border-radius:.75rem;padding:.75rem 1rem;font-size:.875rem}.success-msg{color:var(--green);background:#dcfce7;border-radius:.75rem;padding:.75rem 1rem;font-size:.875rem}.toggle-wrap{align-items:center;gap:.5rem;display:flex}.toggle{width:2.75rem;height:1.5rem;display:inline-block;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{background:var(--border);cursor:pointer;border-radius:9999px;transition:background .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:1.1rem;height:1.1rem;transition:transform .2s;position:absolute;top:.2rem;left:.2rem;box-shadow:0 1px 3px #0003}.toggle input:checked+.toggle-slider{background:var(--purple)}.toggle input:checked+.toggle-slider:before{transform:translate(1.25rem)}.category-tabs{scrollbar-width:none;gap:.5rem;padding:.5rem 0;display:flex;overflow-x:auto}.category-tabs::-webkit-scrollbar{display:none}.cat-tab{cursor:pointer;white-space:nowrap;color:var(--muted);background:#f3f4f6;border:none;border-radius:9999px;padding:.4rem 1rem;font-size:.875rem;font-weight:500}.cat-tab.active{background:var(--purple-pale);color:var(--purple);font-weight:600}.search-bar{background:#f3f4f6;border-radius:.75rem;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.search-bar input{background:0 0;border:none;outline:none;flex:1;font-size:.9rem}.item-card{border-bottom:1px solid var(--border);gap:.75rem;padding:.875rem 0;display:flex}.item-card:last-child{border-bottom:none}.item-img{object-fit:cover;background:#f3f4f6;border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:5rem;height:5rem;font-size:2rem;display:flex}.item-info{flex:1;min-width:0}.item-name{margin-bottom:.2rem;font-size:.95rem;font-weight:600}.item-desc{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-bottom:.3rem;font-size:.8rem;line-height:1.3;overflow:hidden}.item-price{color:var(--purple);font-size:1rem;font-weight:700}.item-calories{color:var(--muted);font-size:.75rem}.item-actions{flex-direction:column;flex-shrink:0;justify-content:space-between;align-items:flex-end;display:flex}.cart-bar{background:var(--purple);color:#fff;cursor:pointer;z-index:90;border-radius:1rem;justify-content:space-between;align-items:center;width:calc(100% - 2rem);max-width:390px;padding:.875rem 1rem;display:flex;position:fixed;bottom:4.5rem;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #3d0c6e66}.counter-card{cursor:pointer;background:#fff;border:1.5px solid #0000;border-radius:1rem;align-items:center;gap:.875rem;margin-bottom:.75rem;padding:.875rem;display:flex;box-shadow:0 1px 4px #00000014}.counter-logo{object-fit:cover;border:1px solid var(--border);background:#f3f4f6;border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:4.5rem;height:4.5rem;font-size:1.5rem;display:flex}.counter-name{font-size:1rem;font-weight:700}.counter-meta{color:var(--muted);margin-top:.2rem;font-size:.8rem}.status-track{align-items:center;display:flex}.status-dot{border:2px solid var(--border);background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:.65rem;display:flex}.status-dot.done{background:var(--green);border-color:var(--green);color:#fff}.status-dot.active{border-color:var(--purple);background:var(--purple-pale)}.status-line{background:var(--border);flex:1;height:2px}.status-line.done{background:var(--green)}.divider{border:none;border-top:1px solid var(--border);margin:1rem 0}.text-purple{color:var(--purple)}.text-muted{color:var(--muted);font-size:.875rem}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.w-full{width:100%}.text-center{text-align:center}.back-btn{cursor:pointer;color:inherit;background:0 0;border:none;padding:.25rem;font-size:1.25rem;line-height:1}.section-title{align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:1rem;font-weight:700;display:flex}.qty-control{align-items:center;gap:.5rem;display:flex}.qty-btn{border:1.5px solid var(--purple);width:1.75rem;height:1.75rem;color:var(--purple);cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;line-height:1;display:flex}.qty-num{text-align:center;min-width:1.5rem;font-weight:700}.heart-btn{cursor:pointer;color:var(--muted);background:0 0;border:none;font-size:1.2rem;line-height:1}.heart-btn.active{color:var(--red)}