.header{position:sticky;top:0;z-index:40;background:#fef3e2d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:36px;height:36px;border-radius:999px;background:var(--primary);color:var(--primary-foreground);display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:18px}.brand-name{font-family:var(--font-display);font-size:20px;font-weight:600}.nav-desktop{display:none;gap:32px;font-size:14px;font-weight:500}@media (min-width: 768px){.nav-desktop{display:flex;align-items:center}}.nav-link{color:var(--foreground);transition:color .2s}.nav-link:hover,.nav-link.active{color:var(--primary)}.header-actions{display:flex;align-items:center;gap:8px}.cart-btn{position:relative;display:inline-flex;align-items:center;gap:8px;background:var(--primary);color:var(--primary-foreground);padding:8px 16px;border-radius:999px;font-size:14px;font-weight:500;box-shadow:var(--shadow-sm)}.cart-btn:hover{opacity:.9}.cart-btn-label{display:none}@media (min-width: 640px){.cart-btn-label{display:inline}}.cart-badge{min-width:20px;height:20px;padding:0 6px;background:var(--background);color:var(--primary);border-radius:999px;font-size:11px;font-weight:700;display:grid;place-items:center}.menu-toggle{padding:8px;border-radius:8px;color:var(--foreground)}.menu-toggle:hover{background:var(--muted)}@media (min-width: 768px){.menu-toggle{display:none}}.nav-mobile{display:flex;flex-direction:column;gap:16px;padding:16px;border-top:1px solid var(--border);background:var(--background);font-size:16px;font-weight:500}@media (min-width: 768px){.nav-mobile{display:none}}.welcome-user{margin-left:15px;font-weight:600;color:#fff}.logout-btn{border:3px;padding:8px 14px;border-radius:6px;cursor:pointer;font-weight:600;color:red}.footer{margin-top:89px;border-top:2px solid var(--border);background:#f4ead880}.footer-grid{display:grid;grid-template-columns:1fr;gap:32px;padding:48px 16px}@media (min-width: 640px){.footer-grid{grid-template-columns:repeat(3,1fr);padding:48px 64px}}.footer-tag{font-size:14px;color:var(--muted-foreground);max-width:320px;margin-top:12px}.footer-title{font-family:var(--font-display);font-weight:600;margin-bottom:12px;margin-top:20px}.footer-line{font-size:14px;color:var(--muted-foreground);margin-bottom:4px}.footer-list{list-style:none;font-size:14px}.footer-list li{margin-bottom:8px}.footer-list a:hover{color:var(--primary)}.footer-bottom{border-top:1px solid var(--border);text-align:center;padding:16px;font-size:12px;color:var(--muted-foreground)}.landing-hero{overflow:hidden}.landing-grid{display:grid;grid-template-columns:1fr;gap:50px;align-items:center;padding:60px 16px}@media (min-width: 1024px){.landing-grid{grid-template-columns:1fr 1fr;padding:80px 24px}}.landing-pill{display:inline-flex;align-items:center;gap:8px;background:#f7931e40;padding:8px 16px;border-radius:999px;font-size:12px;font-weight:700;margin-bottom:24px;margin-top:10px}.landing-title{font-size:clamp(2.7rem,5vw,4.5rem);line-height:1.05;font-weight:700}.landing-title span{color:var(--primary)}.landing-sub{margin-top:24px;max-width:580px;font-size:18px;line-height:1.7;color:var(--muted-foreground)}.landing-actions{margin-top:36px;display:flex;flex-wrap:wrap;gap:14px}.landing-perks{margin-top:36px;display:flex;gap:24px;flex-wrap:wrap;color:var(--muted-foreground)}.landing-perks span{display:flex;align-items:center;gap:8px}.landing-image-wrap{position:relative}.landing-glow{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background:radial-gradient(circle,rgba(255,107,53,.25),transparent 70%);filter:blur(40px)}.landing-image{width:100%;border-radius:28px;position:relative;box-shadow:var(--shadow-lg)}.landing-section{padding:60px 16px}.why-grid{margin-top:40px;display:grid;gap:24px;grid-template-columns:1fr}@media (min-width: 768px){.why-grid{grid-template-columns:repeat(3,1fr)}}.why-card{background:var(--card);border:1px solid var(--border);padding:30px;border-radius:24px}.why-card h3{margin-bottom:12px;font-size:22px}.why-card p{color:var(--muted-foreground);line-height:1.7}.testimonial-section{padding:60px 16px}.testimonial-grid{margin-top:40px;display:grid;gap:24px;grid-template-columns:1fr}@media (min-width: 768px){.testimonial-grid{grid-template-columns:repeat(2,1fr)}}.testimonial-card{background:var(--card);border-radius:24px;padding:32px;border:1px solid var(--border)}.testimonial-card p{margin-top:18px;line-height:1.8;color:var(--muted-foreground)}.testimonial-card h4{margin-top:20px}.stars{display:flex;gap:4px;color:#ffb800}.cta-section{padding:70px 16px}.cta-box{text-align:center;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;padding:12px 16px 16px;border-radius:32px}.cta-box h2{font-size:40px}.cta-box p{margin-top:14px;margin-bottom:30px;opacity:.9}.landing-actions .btn{width:fit-content;flex:0 0 auto}.landing-actions .btn-primary:hover{background:var(--accent);color:#000}.about-page{padding:56px 16px;max-width:720px}.about-title{font-size:clamp(2.25rem,5vw,3rem);font-weight:700;margin-bottom:24px}.about-lead{font-size:18px;color:var(--muted-foreground);line-height:1.6;margin-bottom:20px}.about-p{font-size:16px;color:var(--muted-foreground);line-height:1.6;margin-bottom:20px}.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr;background:#fef3e2}@media (min-width: 1024px){.auth-page{grid-template-columns:1fr 1fr}}.auth-left{display:none;position:relative;background:linear-gradient(#00000073,#00000073),url(https://images.unsplash.com/photo-1555396273-367ea4eb4db5?w=1200&q=80);background-size:cover;background-position:center}@media (min-width: 1024px){.auth-left{display:block}}.auth-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;padding:80px;color:#fff}.auth-overlay h1{font-size:4rem;line-height:1;margin-bottom:24px}.auth-overlay p{font-size:18px;line-height:1.8;max-width:500px}.auth-right{display:flex;align-items:center;justify-content:center;padding:40px 20px}.auth-box{width:100%;max-width:450px;background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);border-radius:30px;padding:40px;box-shadow:var(--shadow-lg)}.auth-box h2{font-size:36px;margin-bottom:12px}.subtitle{color:var(--muted-foreground);margin-bottom:30px}.auth-box input{width:100%;padding:16px;border-radius:16px;border:1px solid var(--border);margin-bottom:18px;background:#fff;font-size:15px}.auth-box input:focus{outline:2px solid rgba(255,107,53,.25)}.primary-btn{width:100%;border:none;cursor:pointer;padding:16px;border-radius:16px;background:var(--primary);color:#fff;font-size:15px;font-weight:600;transition:.2s}.primary-btn:hover{opacity:.9}.divider{margin:28px 0;text-align:center;position:relative}.divider span{background:#fef3e2;padding:0 12px;position:relative;z-index:2;color:var(--muted-foreground)}.divider:before{content:"";position:absolute;left:0;top:50%;width:100%;height:1px;background:var(--border)}.google-btn{width:100%;padding:15px;border-radius:16px;border:1px solid var(--border);background:#fff;cursor:pointer;font-weight:600;transition:.2s}.google-btn:hover{background:#fafafa}.auth-links{margin-top:28px;text-align:center}.auth-links a{color:var(--primary);font-weight:600}.auth-links p{margin-top:14px;color:var(--muted-foreground)}.item-card{background:var(--card);border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);overflow:hidden;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.item-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.item-image-wrap{position:relative;aspect-ratio:4 / 3;background:linear-gradient(135deg,#f7931e4d,#ff6b3526);overflow:hidden}.item-image{width:100%;height:100%;object-fit:cover;transition:transform .4s}.item-card:hover .item-image{transform:scale(1.05)}.item-emoji{position:absolute;bottom:8px;right:10px;font-size:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.item-body{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}.item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:4px}.item-name{font-family:var(--font-display);font-size:18px;font-weight:600;line-height:1.2}.item-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between}.item-price{font-family:var(--font-display);font-size:18px;font-weight:600}.add-btn{padding:8px 14px;font-size:14px}.item-desc{font-size:14px;color:var(--muted-foreground);margin-bottom:16px;line-height:1.5}.hero{overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr;gap:40px;padding:40px 16px 48px;align-items:center}@media (min-width: 1024px){.hero-grid{grid-template-columns:1fr 1fr;padding:64px 24px}}.hero-pill{display:inline-flex;align-items:center;gap:8px;background:#f7931e66;padding:6px 14px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-top:10px}.hero-title{margin-top:20px;font-size:clamp(2.25rem,5vw,3.75rem);font-weight:700;line-height:1.05;letter-spacing:-.02em}.hero-sub{margin-top:20px;font-size:clamp(1rem,1.5vw,1.125rem);color:var(--muted-foreground);max-width:30rem}.hero-cta{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px}.hero-perks{margin-top:32px;display:flex;flex-wrap:wrap;gap:12px 24px;font-size:14px;color:var(--muted-foreground)}.hero-perks span{display:inline-flex;align-items:center;gap:8px}.hero-img-wrap{position:relative}.hero-img-glow{position:absolute;top:-24px;right:-24px;bottom:-24px;left:-24px;background:radial-gradient(circle,rgba(255,107,53,.25),rgba(247,147,30,.3),transparent 70%);filter:blur(40px);border-radius:50%}.hero-img{position:relative;width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:24px;box-shadow:var(--shadow-lg)}.section{padding:40px 16px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px;gap:16px}.section-title{font-size:clamp(1.5rem,3vw,1.875rem);font-weight:700}.section-sub{font-size:14px;color:var(--muted-foreground);margin-top:4px}.see-all{display:none;align-items:center;gap:4px;font-size:14px;font-weight:500;color:var(--primary)}.see-all:hover{text-decoration:underline}@media (min-width: 640px){.see-all{display:inline-flex}}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (min-width: 640px){.category-grid{grid-template-columns:repeat(6,1fr);gap:16px}}.category-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:var(--card);border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);transition:border-color .2s,box-shadow .2s}.category-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.category-emoji{font-size:28px;transition:transform .2s}.category-card:hover .category-emoji{transform:scale(1.15)}.category-name{font-size:12px;font-weight:500;text-align:center}@media (min-width: 640px){.category-name{font-size:14px}}.grid-4{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width: 640px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.grid-4{grid-template-columns:repeat(4,1fr)}}.why-us{background:linear-gradient(135deg,var(--primary),var(--accent));color:var(--primary-foreground);padding:48px 32px;border-radius:24px;display:grid;grid-template-columns:1fr;gap:32px;text-align:center;margin-top:40px}@media (min-width: 640px){.why-us{grid-template-columns:repeat(3,1fr);text-align:left}}.why-title{font-size:24px;font-weight:700;margin-bottom:8px}.why-desc{font-size:14px;opacity:.9}.menu-page{padding:40px 16px}.menu-head{margin-bottom:32px}.menu-title{font-size:clamp(1.875rem,4vw,2.5rem);font-weight:700}.menu-sub{color:var(--muted-foreground);margin-top:8px}.search-wrap{position:relative;margin-bottom:24px}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--muted-foreground)}.search-input{width:100%;padding:12px 16px 12px 44px;border-radius:999px;background:var(--card);border:1px solid var(--border);font-size:14px}.search-input:focus{outline:2px solid rgba(255,107,53,.4);outline-offset:1px}.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:12px;margin-bottom:24px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex-shrink:0;display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;font-size:14px;font-weight:500;background:var(--card);color:var(--foreground);border:1px solid var(--border);transition:all .2s}.chip:hover{border-color:#ff6b3580}.chip-active{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary);box-shadow:var(--shadow-sm)}.menu-grid{display:grid;gap:20px;grid-template-columns:1fr}@media (min-width: 640px){.menu-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.menu-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1280px){.menu-grid{grid-template-columns:repeat(4,1fr)}}.empty{text-align:center;padding:80px 0;color:var(--muted-foreground)}.empty p:first-child{margin-bottom:12px}.cart-page{padding:40px 16px;max-width:1080px}.cart-empty{padding:80px 16px;text-align:center;max-width:600px}.empty-icon{width:80px;height:80px;border-radius:999px;background:var(--muted);color:var(--muted-foreground);display:grid;place-items:center;margin:60px auto 20px;font-size:32px}.cart-title{font-size:clamp(1.875rem,4vw,2.5rem);font-weight:700;margin-bottom:4px}.cart-sub{color:var(--muted-foreground);margin-bottom:24px}.cart-meta{color:var(--muted-foreground);margin-bottom:32px}.cart-grid{display:grid;grid-template-columns:1fr;gap:32px}@media (min-width: 1024px){.cart-grid{grid-template-columns:1fr 360px}}.cart-lines{list-style:none;display:flex;flex-direction:column;gap:12px}.cart-line{display:flex;gap:16px;padding:16px;background:var(--card);border:1px solid var(--border);border-radius:calc(var(--radius) + 4px)}.cart-img{width:80px;height:80px;flex-shrink:0;object-fit:cover;border-radius:12px;background:var(--muted)}.cart-line-body{flex:1;min-width:0}.cart-line-head{display:flex;justify-content:space-between;gap:12px}.cart-item-name{font-family:var(--font-display);font-weight:600;font-size:16px;line-height:1.2}.cart-line-price{font-weight:600;white-space:nowrap}.cart-item-desc{font-size:13px;color:var(--muted-foreground);margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-line-foot{margin-top:12px;display:flex;align-items:center;justify-content:space-between}.qty{display:inline-flex;align-items:center;gap:4px;background:var(--muted);border-radius:999px;padding:4px}.qty button{width:32px;height:32px;border-radius:999px;display:grid;place-items:center;color:var(--foreground)}.qty button:hover{background:var(--background)}.qty span{min-width:28px;text-align:center;font-size:14px;font-weight:600}.remove-btn{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--muted-foreground)}.remove-btn:hover{color:var(--destructive)}.summary{background:var(--card);border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);padding:24px;height:fit-content}@media (min-width: 1024px){.summary{position:sticky;top:96px}}.summary-title{font-size:20px;font-weight:700;margin-bottom:16px;font-family:var(--font-display)}.summary-row{display:flex;justify-content:space-between;font-size:14px;margin-bottom:8px}.summary-row span:first-child{color:var(--muted-foreground)}.free{color:var(--emerald);font-weight:500}.summary-hint{font-size:12px;color:var(--muted-foreground);margin-top:4px}.summary-divider{border-top:1px solid var(--border);margin:16px 0}.summary-total{display:flex;justify-content:space-between;font-family:var(--font-display);font-size:18px;font-weight:700;margin-bottom:20px}.checkout-btn{width:100%;justify-content:center;padding:14px 24px}.add-more{display:block;text-align:center;margin-top:12px;font-size:14px;color:var(--muted-foreground)}.add-more:hover{color:var(--foreground)}.checkout-page{padding:40px 16px;max-width:1080px}.empty-checkout,.success{padding:80px 16px;text-align:center;max-width:600px}.success-icon{width:80px;height:80px;border-radius:999px;background:#2f9e6e26;color:var(--emerald);display:grid;place-items:center;margin:60px auto 20px}.order-id{font-family:ui-monospace,monospace;font-weight:700;color:var(--foreground)}.checkout-grid{display:grid;grid-template-columns:1fr;gap:32px}@media (min-width: 1024px){.checkout-grid{grid-template-columns:1fr 360px}}.checkout-cols{display:flex;flex-direction:column;gap:24px}.form-section{background:var(--card);border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);padding:24px}.form-section-title{font-family:var(--font-display);font-size:20px;font-weight:700;margin-bottom:16px}.form-section-body{display:flex;flex-direction:column;gap:16px}.field{display:block}.field-label{display:block;font-size:14px;font-weight:500;margin-bottom:6px}.required{color:var(--primary);margin-left:2px}.field-input{width:100%;padding:10px 16px;border-radius:12px;background:var(--background);border:1px solid var(--border);font-size:14px}.field-input:focus{outline:2px solid rgba(255,107,53,.4);outline-offset:1px}.row-2{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 640px){.row-2{grid-template-columns:1fr 1fr}}.pay-option{display:flex;align-items:center;gap:12px;padding:16px;background:var(--card);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:border-color .2s}.pay-option:hover:not(.disabled){border-color:var(--primary)}.pay-option.disabled{opacity:.6;cursor:not-allowed}.pay-option input{accent-color:var(--primary)}.pay-name{font-weight:500}.pay-desc{font-size:12px;color:var(--muted-foreground)}.soon{font-size:12px;color:var(--muted-foreground);margin-left:4px}.order-lines{list-style:none;display:flex;flex-direction:column;gap:8px;font-size:14px;margin-bottom:16px}.order-lines li{display:flex;justify-content:space-between;gap:8px}.order-lines li span:first-child{color:var(--muted-foreground)}.order-lines li strong{color:var(--foreground);font-weight:600}.admin-orders{padding:40px 16px 64px}.admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.admin-error{background:#c0392b1a;color:var(--destructive);border-radius:10px;padding:10px 14px;font-size:14px;margin-bottom:20px}.admin-order-list{display:flex;flex-direction:column;gap:16px}.admin-order-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm)}.admin-order-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.admin-order-ref{font-weight:700;font-family:var(--font-display);font-size:18px}.admin-order-time{font-size:12px;color:var(--muted-foreground);margin-top:2px}.admin-status-select{border:1px solid var(--border);border-radius:10px;padding:8px 12px;background:var(--background);font-size:13px;font-weight:500}.admin-order-body{display:grid;gap:14px;font-size:14px}.admin-order-customer{color:var(--foreground);line-height:1.5}.admin-order-customer div{margin-bottom:2px}.admin-order-notes{color:var(--muted-foreground);font-style:italic}.admin-order-items{border-top:1px dashed var(--border);border-bottom:1px dashed var(--border);padding:10px 0}.admin-order-items li{display:flex;justify-content:space-between;padding:3px 0}.admin-order-footer{display:flex;justify-content:space-between;align-items:center}.admin-order-payment{font-size:12px;text-transform:uppercase;letter-spacing:.03em;background:var(--muted);border-radius:999px;padding:4px 10px;color:var(--muted-foreground)}.admin-order-total{font-weight:700;font-size:16px}.admin-tabs{display:flex;gap:8px;margin-bottom:20px}.admin-tab{border:1px solid var(--border);background:var(--card);border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600;color:var(--muted-foreground);cursor:pointer}.admin-tab-active{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}:root{--background: #fef3e2;--foreground: #2d1810;--card: #fffaf2;--muted: #f4ead8;--muted-foreground: #7a6a5a;--border: #ead9c0;--primary: #ff6b35;--primary-foreground: #ffffff;--accent: #f7931e;--destructive: #c0392b;--emerald: #2f9e6e;--radius: 14px;--font-display: "Fraunces", Georgia, serif;--font-sans: "Inter", system-ui, sans-serif;--shadow-sm: 0 1px 2px rgba(45, 24, 16, .05);--shadow-md: 0 4px 16px rgba(45, 24, 16, .08);--shadow-lg: 0 20px 50px rgba(45, 24, 16, .18)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--background);color:var(--foreground);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.5}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}img{display:block;max-width:100%}input,textarea,select{font-family:inherit;font-size:inherit}.container{max-width:1200px;margin:0 auto;padding:0 16px}@media (min-width: 640px){.container{padding:0 24px}}.app{min-height:100vh;display:flex;flex-direction:column}.app main{flex:1}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:999px;font-weight:500;font-size:15px;transition:opacity .2s,transform .1s,background .2s}.btn:active{transform:scale(.97)}.btn-primary{background:var(--primary);color:var(--primary-foreground);box-shadow:var(--shadow-sm)}.btn-primary:hover{opacity:.9}.btn-outline{border:1px solid var(--border);background:var(--background);color:var(--foreground)}.btn-outline:hover{background:var(--muted)}.badge{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:4px 8px;border-radius:999px}.badge-popular{background:#ff6b3526;color:var(--primary)}.badge-healthy{background:#2f9e6e26;color:var(--emerald)}.badge-spicy{background:#c0392b26;color:var(--destructive)}.badge-new{background:#f7931e40;color:var(--foreground)}