*{box-sizing:border-box}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#111827;background:#f6f7f8}body{margin:0;background:#f6f7f8}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.loginPage{min-height:100vh;background:#06130f;display:grid;place-items:center;padding:24px}.loginHero{text-align:center;color:#fff;max-width:420px;margin-bottom:24px}.bigLogo{width:76px;height:76px;border-radius:24px;background:#16a34a;color:#fff;display:grid;place-items:center;font-size:26px;font-weight:950;margin:0 auto 18px}.loginHero h1{font-size:44px;margin:0;letter-spacing:-1.5px}.loginHero p{color:#bbf7d0;font-size:16px;line-height:1.5}.loginCard{width:min(100%,430px);background:#fff;border-radius:28px;padding:24px;box-shadow:0 24px 70px #0000004d}.loginCard h2{margin:0;font-size:28px}.loginCard p{color:#64748b}.loginCard label,.checkoutCard label{display:block;margin-top:14px;margin-bottom:6px;font-weight:900}.loginCard input,.checkoutCard input,.checkoutCard textarea{width:100%;border:1px solid #e5e7eb;background:#f8fafc;border-radius:16px;padding:14px;outline:none}.loginCard input:focus,.checkoutCard input:focus,.checkoutCard textarea:focus,.searchBox input:focus{border-color:#16a34a;box-shadow:0 0 0 4px #16a34a1f}.authMessage{margin-top:14px;padding:12px;border-radius:14px;background:#ecfdf5;color:#047857;font-weight:800}.primaryButton,.secondaryButton,.stickyOrderButton{width:100%;border:0;border-radius:18px;padding:15px 18px;font-weight:950;margin-top:14px}.primaryButton,.stickyOrderButton{background:#16a34a;color:#fff;box-shadow:0 14px 28px #16a34a3d}.secondaryButton{background:#fff;color:#16a34a;border:1px solid #e5e7eb}.appShell{min-height:100vh;padding-bottom:96px}.topbar{position:sticky;top:0;z-index:20;background:#f6f7f8eb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid #e5e7eb;padding:14px 18px;display:flex;align-items:center;gap:12px}.brandButton{width:42px;height:42px;border:0;border-radius:15px;background:#111827;color:#fff;font-weight:950}.topbar strong{font-size:20px;letter-spacing:-.4px}.topActions{margin-left:auto;display:flex;gap:8px}.iconButton,.cartButton,.backButton{border:1px solid #e5e7eb;background:#fff;border-radius:14px;padding:10px 13px;font-weight:850;color:#111827}.cartButton{background:#16a34a;color:#fff;border-color:#16a34a}.pageContent{width:min(1120px,100%);margin:0 auto;padding:20px}.heroCardPremium{background:#111827;color:#fff;border-radius:32px;padding:26px;display:grid;gap:14px;box-shadow:0 22px 55px #1118272e}.heroCardPremium h1{margin:4px 0 8px;font-size:clamp(34px,7vw,58px);letter-spacing:-1.7px}.heroCardPremium p{color:#cbd5e1;margin:0;line-height:1.55}.eyebrow{color:#86efac;font-weight:950;text-transform:uppercase;font-size:12px;letter-spacing:1.4px}.etaPill{justify-self:start;background:#dcfce7;color:#064e3b;font-weight:950;border-radius:999px;padding:9px 14px}.heroBadges{display:flex;flex-wrap:wrap;gap:8px}.heroBadges span{background:#ffffff1f;color:#ecfdf5;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:850}.searchBox{margin-top:18px;background:#fff;border-radius:20px;border:1px solid #e5e7eb;padding:6px;box-shadow:0 12px 32px #0f172a0f}.searchBox input{width:100%;border:0;outline:0;padding:14px;font-size:16px;border-radius:16px}.categoryRow{display:flex;gap:10px;overflow-x:auto;padding:16px 0 4px}.category{border:1px solid #e5e7eb;background:#fff;color:#111827;border-radius:999px;padding:10px 16px;font-weight:900;white-space:nowrap}.category.active{background:#111827;color:#fff;border-color:#111827}.sectionTitle{margin:18px 0 14px;font-size:24px;letter-spacing:-.7px}.restaurantGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.restaurantCard{text-align:left;border:1px solid #e5e7eb;background:#fff;border-radius:28px;overflow:hidden;padding:0;box-shadow:0 16px 40px #0f172a14;transition:transform .18s ease,box-shadow .18s ease}.restaurantCard:hover{transform:translateY(-2px);box-shadow:0 24px 50px #0f172a1f}.restaurantCard img{width:100%;height:170px;object-fit:cover;display:block}.restaurantCard>div{padding:16px}.restaurantTop{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.restaurantTop h3{margin:0;font-size:20px;letter-spacing:-.4px}.restaurantTop span{background:#f1f5f9;border-radius:999px;padding:7px 9px;font-size:12px;font-weight:950}.restaurantCard p{color:#64748b;margin:6px 0}.restaurantCard small{color:#334155;font-weight:850}.coverImage{width:100%;height:260px;object-fit:cover;border-radius:30px;box-shadow:0 18px 44px #0f172a1a}.restaurantHeader,.checkoutCard,.emptyCard,.orderCard{background:#fff;border:1px solid #e5e7eb;border-radius:26px;padding:20px;margin-top:16px;box-shadow:0 16px 40px #0f172a12}.restaurantHeader h1{margin:0 0 6px;font-size:34px;letter-spacing:-1px}.restaurantHeader p,.restaurantHeader small,.menuItem p,.cartItem p,.hint{color:#64748b}.menuList,.cartList,.ordersList{display:grid;gap:12px}.menuItem,.cartItem{background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:16px;display:flex;justify-content:space-between;gap:14px;align-items:center}.menuItem h3,.cartItem h3{margin:0;font-size:18px}.menuItem button{border:0;background:#16a34a;color:#fff;border-radius:999px;padding:11px 18px;font-weight:950}.qtyControls{display:flex;align-items:center;gap:10px;background:#f8fafc;border-radius:999px;padding:6px}.qtyControls button{width:34px;height:34px;border:0;border-radius:999px;background:#111827;color:#fff;font-size:20px;font-weight:950}.qtyControls span{min-width:22px;text-align:center;font-weight:950}.dangerButton{width:100%;border:0;background:#fee2e2;color:#991b1b;border-radius:16px;padding:13px;font-weight:950;margin-top:12px}.checkoutCard h2{margin:0 0 10px;letter-spacing:-.4px}.checkoutCard input,.checkoutCard textarea{margin-top:10px}.checkoutCard textarea{resize:vertical;min-height:100px}.summaryRow{display:flex;justify-content:space-between;gap:16px;padding:9px 0;color:#64748b;font-weight:800}.summaryRow strong{color:#111827;text-align:right}.summaryRow.strong{font-size:20px;color:#111827;font-weight:950}.divider{height:1px;background:#e5e7eb;margin:8px 0}.warningBox,.successBox{margin-top:14px;border-radius:20px;padding:15px;display:grid;gap:5px;font-weight:850}.warningBox{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.successBox{background:#ecfdf5;color:#047857;border:1px solid #bbf7d0}.paymentGrid{display:grid;gap:10px}.paymentOption{border:1px solid #e5e7eb;background:#f8fafc;border-radius:16px;padding:14px;text-align:left;font-weight:950}.paymentOption.active{background:#16a34a;border-color:#16a34a;color:#fff}.gpsPanel{margin-top:12px;background:#ecfeff;border:1px solid #bae6fd;border-radius:18px;padding:14px;display:grid;gap:12px}.gpsPanel strong,.gpsPanel span{display:block}.gpsPanel span{color:#0369a1;font-weight:850;margin-top:4px}.gpsActions{display:flex;gap:10px;flex-wrap:wrap}.gpsButton,.gpsClearButton{border:0;border-radius:14px;padding:11px 14px;font-weight:950}.gpsButton{background:#0284c7;color:#fff}.gpsClearButton{background:#e0f2fe;color:#075985}.gpsStatus{margin-top:10px;color:#0369a1;font-weight:850}.mapPicker{margin-top:14px;border:1px solid #d1fae5;border-radius:20px;overflow:hidden;background:#f0fdf4}.mapHeader{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px}.mapHeader strong,.mapHeader span{display:block}.mapHeader span{color:#047857;font-weight:800;font-size:13px;margin-top:3px}.mapPinStatus{flex:0 0 auto;border-radius:999px;background:#fff;border:1px solid #bbf7d0;color:#065f46;padding:8px 11px;font-size:12px;font-weight:950}.mapPinStatus.active{background:#16a34a;border-color:#16a34a;color:#fff}.mapCanvas{position:relative;display:block;width:100%;height:260px;overflow:hidden;border:0;border-top:1px solid #d1fae5;border-radius:0;padding:0;background:#dbeafe;cursor:crosshair}.mapTile{position:absolute;width:256px;height:256px;max-width:none;-webkit-user-select:none;user-select:none;pointer-events:none}.mapCrosshair{position:absolute;left:50%;top:50%;width:34px;height:34px;border:2px solid rgba(17,24,39,.76);border-radius:999px;transform:translate(-50%,-50%);pointer-events:none}.mapCrosshair:before,.mapCrosshair:after{content:"";position:absolute;background:#111827c2}.mapCrosshair:before{left:50%;top:-9px;width:2px;height:50px;transform:translate(-50%)}.mapCrosshair:after{left:-9px;top:50%;width:50px;height:2px;transform:translateY(-50%)}.mapPin{position:absolute;left:50%;top:50%;width:28px;height:28px;border-radius:50% 50% 50% 0;background:#ef4444;border:3px solid white;transform:translate(-50%,-100%) rotate(-45deg);box-shadow:0 9px 20px #7f1d1d59;pointer-events:none}.mapPin:after{content:"";position:absolute;width:8px;height:8px;border-radius:999px;background:#fff;left:50%;top:50%;transform:translate(-50%,-50%)}.mapAttribution{position:absolute;right:8px;bottom:8px;background:#ffffffe0;color:#475569;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:850;pointer-events:none}.stickyOrderButton{position:sticky;bottom:92px;z-index:10}.orderTop{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.orderTop h3{margin:0;font-size:20px}.orderTop p,.orderTop small{color:#64748b}.statusPill{background:#dcfce7;color:#047857;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:950;text-transform:capitalize}.bottomNav{position:fixed;left:50%;bottom:18px;transform:translate(-50%);width:min(520px,calc(100% - 32px));background:#fff;border:1px solid #e5e7eb;border-radius:28px;padding:10px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;box-shadow:0 18px 48px #0f172a29;z-index:30}.bottomNav button{border:0;background:transparent;color:#64748b;border-radius:18px;padding:12px;font-weight:950}.bottomNav button.active{background:#16a34a;color:#fff}@media (max-width: 700px){.topbar{gap:8px}.topbar strong{font-size:16px}.topActions{gap:5px}.iconButton,.cartButton{padding:9px 10px;font-size:13px}.pageContent{padding:14px}.heroCardPremium{border-radius:26px;padding:22px}.restaurantGrid{grid-template-columns:1fr}.menuItem,.cartItem,.orderTop{align-items:stretch}.menuItem,.cartItem{flex-direction:column}.qtyControls{align-self:flex-start}.summaryRow{font-size:14px}.summaryRow.strong{font-size:17px}}html,body{overflow-x:hidden;-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}button,input,textarea,select{font-size:16px}@media (max-width: 900px){.heroCardPremium{padding:22px}.restaurantHeader h1{font-size:28px}.coverImage{height:220px}}@media (max-width: 700px){.topbar{padding:12px;position:sticky}.topActions{flex-wrap:wrap}.heroCardPremium h1{line-height:1.05}.heroBadges{overflow-x:auto;padding-bottom:4px;flex-wrap:nowrap}.heroBadges span{white-space:nowrap}.restaurantCard img{height:190px}.coverImage{height:190px;border-radius:24px}.restaurantHeader,.checkoutCard,.emptyCard,.orderCard{padding:16px;border-radius:22px}.menuItem button{width:100%}.qtyControls{width:100%;justify-content:space-between}.paymentGrid{grid-template-columns:1fr}.gpsActions{flex-direction:column}.gpsButton,.gpsClearButton{width:100%}.bottomNav{width:calc(100% - 20px);bottom:10px;border-radius:24px}.bottomNav button{padding:10px 6px;font-size:13px}}@media (max-width: 520px){.pageContent{padding:12px}.heroCardPremium{padding:18px;border-radius:22px}.heroCardPremium h1{font-size:34px}.restaurantTop{flex-direction:column;align-items:flex-start}.restaurantTop span{align-self:flex-start}.menuItem,.cartItem{padding:14px}.menuItem h3,.cartItem h3{font-size:16px}.stickyOrderButton{bottom:82px}.mapCanvas{height:220px}.loginCard{padding:20px;border-radius:24px}.loginHero h1{font-size:36px}}@media (max-width: 400px){.heroCardPremium h1{font-size:30px}.sectionTitle{font-size:20px}.restaurantHeader h1{font-size:24px}.topbar strong{display:none}.bottomNav{padding:8px}}.closedRestaurantCard{opacity:.65;cursor:not-allowed}.closedRestaurantCard img{filter:grayscale(40%)}.restaurantClosedBanner{margin-top:10px;background:#7f1d1d;color:#fff;padding:10px;border-radius:12px;display:grid;gap:2px;text-align:center;font-size:13px}.restaurantClosedBanner strong{font-size:14px}.restaurantClosedBanner span{opacity:.9}