*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #10b981;--primary-light: rgba(16,185,129,.12);--primary-dark: #34d399;--primary-tint: rgba(16,185,129,.2);--primary-rgb: 16,185,129;--bg: #0b0d12;--surface: #131720;--card: #171b25;--card-2: #1d2230;--surface-2: #1d2230;--border: rgba(255,255,255,.08);--border-strong: rgba(255,255,255,.14);--text: #f8fafc;--text-secondary: #94a3b8;--muted: #64748b;--success: #10b981;--error: #f87171;--veg: #22c55e;--nonveg: #ef4444;--star: #fbbf24;--radius-sm: 10px;--radius: 16px;--radius-lg: 20px;--radius-xl: 26px;--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow: 0 6px 20px rgba(0,0,0,.35), 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 10px 30px rgba(0,0,0,.45);--shadow-lg: 0 24px 60px rgba(0,0,0,.6);--shadow-card: 0 2px 6px rgba(0,0,0,.3), 0 12px 28px rgba(0,0,0,.28);--font-display: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}html{-webkit-text-size-adjust:100%;background:#07080b;overflow-x:hidden}body{font-family:var(--font-body);background:radial-gradient(130% 70% at 50% -8%,rgba(var(--primary-rgb),.12),rgba(var(--primary-rgb),0) 46%),var(--bg);background-attachment:fixed;color:var(--text);line-height:1.5;min-height:100dvh;max-width:480px;width:100%;overflow-x:hidden;margin:0 auto;letter-spacing:-.01em;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em}button{cursor:pointer;border:none;font-family:inherit;background:none;color:inherit}input,textarea,select{font-family:inherit;font-size:1rem}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}*{-webkit-tap-highlight-color:transparent}.page{min-height:100dvh;display:flex;flex-direction:column;animation:fade-in .35s ease both}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-card);border:1px solid var(--border);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}a.card:active,.card:active{transform:scale(.99)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.5rem;border-radius:14px;font-weight:700;font-size:.95rem;transition:all .15s;gap:.4rem;white-space:nowrap;letter-spacing:-.01em}.btn-primary{background:var(--primary);color:#06281d;box-shadow:0 6px 18px rgba(var(--primary-rgb),.35)}.btn-primary:hover:not(:disabled){filter:brightness(1.05)}.btn-primary:active:not(:disabled){transform:scale(.97)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-outline{background:var(--card-2);color:var(--text);border:1.5px solid var(--border-strong)}.btn-outline:hover{background:var(--surface)}.field{display:flex;flex-direction:column;gap:.4rem}.field label{font-weight:600;font-size:.78rem;color:var(--text-secondary);letter-spacing:.02em}.input{width:100%;padding:.85rem 1rem;border:1.5px solid var(--border);border-radius:12px;font-size:.95rem;outline:none;background:var(--surface);color:var(--text);transition:border-color .15s,box-shadow .15s,background .15s}.input::placeholder{color:var(--muted)}.input:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.16);background:var(--card)}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,#161a23 25%,#1f2430,#161a23 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:10px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(.8)}60%{transform:scale(1.08)}to{transform:scale(1)}}.anim-fade-up{animation:fade-up .45s cubic-bezier(.16,1,.3,1) both}.anim-scale{animation:scale-in .28s cubic-bezier(.16,1,.3,1) both}.anim-pop{animation:pop .3s cubic-bezier(.34,1.56,.64,1)}.hero{position:relative}.hero-cover{position:relative;height:188px;width:100%;overflow:hidden}.hero-cover img{width:100%;height:100%;object-fit:cover;transform:scale(1.02)}.hero-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,13,18,.15) 0%,rgba(11,13,18,.35) 45%,rgba(11,13,18,.92) 88%,var(--bg) 100%)}.hero-topbar{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;align-items:center;justify-content:flex-end;padding:.9rem 1rem}.hero-card{position:relative;z-index:2;margin:-56px 1rem 0;background:linear-gradient(180deg,#171b25d9,#171b25f2);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:1rem 1.1rem 1.1rem}.hero-avatar{width:58px;height:58px;border-radius:16px;flex-shrink:0;overflow:hidden;border:2px solid rgba(255,255,255,.14);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;background:var(--primary);color:#06281d;font-family:var(--font-display);font-weight:800;font-size:1.5rem}.hero-name{font-size:1.7rem;font-weight:800;line-height:1.12;color:var(--text)}.rating-pill{display:inline-flex;align-items:center;gap:.25rem;background:var(--success);color:#06281d;padding:.22rem .5rem;border-radius:8px;font-weight:800;font-size:.82rem;box-shadow:0 2px 8px #10b9814d}.meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem .85rem;color:var(--text-secondary);font-size:.82rem;font-weight:600}.meta-item{display:inline-flex;align-items:center;gap:.32rem}.meta-divider{width:4px;height:4px;border-radius:50%;background:var(--border-strong)}.location-row{display:flex;align-items:center;gap:.5rem;margin-top:.85rem;padding-top:.85rem;border-top:1px solid var(--border);color:var(--text-secondary);font-size:.8rem}.search-sticky{position:sticky;top:0;z-index:50;padding:.75rem 1rem .6rem;background:linear-gradient(180deg,var(--bg) 70%,rgba(11,13,18,0));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-field{display:flex;align-items:center;gap:.6rem;height:50px;padding:0 .75rem 0 .95rem;background:var(--card);border:1.5px solid var(--border);border-radius:14px;transition:border-color .15s,box-shadow .15s}.search-field:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.16)}.search-field input{flex:1;border:none;background:none;outline:none;color:var(--text);font-size:.95rem;height:100%}.search-field input::placeholder{color:var(--muted)}.search-icon{color:var(--text-secondary);flex-shrink:0}.voice-btn{width:34px;height:34px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--primary-light);color:var(--primary);transition:background .15s,transform .1s}.voice-btn:active{transform:scale(.92)}.cat-bar{position:sticky;top:71px;z-index:49;background:linear-gradient(180deg,var(--bg) 76%,rgba(11,13,18,0));padding:.15rem 0 .6rem}.cat-scroller{display:flex;gap:.45rem;overflow-x:auto;padding:.35rem 1rem;scrollbar-width:none;scroll-snap-type:x proximity}.cat-scroller::-webkit-scrollbar{display:none}.cat-chip{display:inline-flex;align-items:center;gap:.4rem;flex-shrink:0;padding:.5rem .95rem;border-radius:12px;white-space:nowrap;font-size:.85rem;font-weight:700;letter-spacing:-.01em;background:var(--card);color:var(--text-secondary);border:1px solid var(--border);scroll-snap-align:start;transition:color .18s,background .18s,border-color .18s,transform .12s,box-shadow .18s}.cat-chip:active{transform:scale(.96)}.cat-chip.active{background:var(--primary);color:#06281d;border-color:transparent;box-shadow:0 6px 16px rgba(var(--primary-rgb),.4)}.cat-count{font-size:.68rem;font-weight:800;line-height:1;background:var(--surface);color:var(--muted);border-radius:7px;padding:.12rem .34rem}.cat-chip.active .cat-count{background:#00000029;color:#06281d}.item-card{position:relative;display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.1rem 1rem 1.15rem;background:var(--card);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-card);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.item-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary);opacity:.55}.item-card:active{transform:scale(.992)}.item-head{display:flex;align-items:flex-start;gap:.55rem}.item-veg{width:17px;height:17px;border-radius:5px;flex-shrink:0;margin-top:3px;display:flex;align-items:center;justify-content:center}.item-veg span{width:8px;height:8px;border-radius:50%}.item-foot{display:flex;align-items:center;justify-content:space-between;gap:.85rem;margin-top:.2rem}.add-btn{width:104px;height:42px;border-radius:13px;flex-shrink:0;background:var(--primary);color:#06281d;font-family:var(--font-display);font-weight:800;font-size:.86rem;letter-spacing:.05em;display:flex;align-items:center;justify-content:center;gap:.3rem;box-shadow:0 6px 16px rgba(var(--primary-rgb),.35);transition:transform .12s,filter .15s}.add-btn:hover{filter:brightness(1.06)}.add-btn:active{transform:scale(.95)}.qty-stepper{width:104px;height:42px;border-radius:13px;flex-shrink:0;background:var(--primary);color:#06281d;display:flex;align-items:center;justify-content:space-between;box-shadow:0 6px 16px rgba(var(--primary-rgb),.35);overflow:hidden}.qty-stepper button{width:34px;height:100%;color:#06281d;font-size:1.15rem;font-weight:800;display:flex;align-items:center;justify-content:center}.qty-stepper button:active{background:#0000001f}.qty-stepper span{font-family:var(--font-display);font-weight:800;font-size:.95rem}.qty-ctrl{display:flex;align-items:center;background:var(--primary-light);border-radius:999px;overflow:hidden}.qty-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:var(--primary);transition:background .1s;flex-shrink:0}.qty-btn:hover{background:rgba(var(--primary-rgb),.2)}.qty-num{min-width:26px;text-align:center;font-weight:800;font-size:.9rem;color:var(--primary)}.veg-dot{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:3px;flex-shrink:0}.veg-dot.veg{border:1.5px solid var(--veg)}.veg-dot.nonveg{border:1.5px solid var(--nonveg)}.veg-dot:after{content:"";width:8px;height:8px;border-radius:50%}.veg-dot.veg:after{background:var(--veg)}.veg-dot.nonveg:after{background:var(--nonveg)}.item-rating{display:inline-flex;align-items:center;gap:.2rem;color:var(--star);font-weight:700;font-size:.76rem}.search-wrap{position:relative;display:flex;align-items:center;background:var(--surface);border-radius:12px;border:1.5px solid var(--border);padding:0 .875rem;gap:.5rem}.search-wrap svg{flex-shrink:0;color:var(--muted)}.search-input{flex:1;border:none;background:none;padding:.7rem 0;font-size:.9rem;outline:none;color:var(--text)}.search-input::placeholder{color:var(--muted)}.badge{display:inline-flex;align-items:center;padding:.15rem .55rem;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.02em}.badge-pending{background:#f59e0b29;color:#fbbf24}.badge-processing{background:#f9731629;color:#fb923c}.badge-paid{background:#3b82f629;color:#60a5fa}.badge-delivered{background:#22c55e29;color:#4ade80}.badge-cancelled{background:#ef444429;color:#f87171}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot-pending{background:#fbbf24}.dot-processing{background:#fb923c}.dot-delivered{background:#4ade80}.dot-cancelled{background:#f87171}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.14) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}