@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#080A14;--card:#111426;--secondary:#161A30;--primary:#4B4DFF;--accent:#6366F1;--hover:#7073FF;--text:#FFFFFF;--muted:#A7AAC4;--border:#252943;--radius:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'Cairo',sans-serif;line-height:1.65}body,button,input,select{font-family:'Cairo',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}h1,h2,h3,p{margin:0}.app-shell{min-height:100vh;padding-bottom:84px}.app-header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--border);background:rgba(8,10,20,.96);position:sticky;top:0;z-index:5}.wordmark{font:800 1.35rem 'Manrope',sans-serif;letter-spacing:.17em;direction:ltr;display:inline-flex;align-items:center}.wordmark span{color:var(--primary)}.wordmark i{display:block;width:17px;height:2px;background:var(--accent);transform:rotate(-45deg);margin:13px 0 0 3px}.header-actions{display:flex;gap:6px}.icon-button{width:38px;height:38px;display:grid;place-items:center;position:relative;color:var(--muted)}.icon-button svg,.search-bar svg,.bottom-nav svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.icon-button:hover{color:var(--text)}.icon-button b{position:absolute;top:1px;right:1px;min-width:15px;height:15px;border-radius:99px;background:var(--primary);color:var(--text);font:700 .59rem 'Manrope';display:grid;place-items:center}.app-main{width:min(100%,1180px);margin:0 auto;padding:0 16px}.welcome-block{padding:26px 0 18px}.micro-label,.info-label{font:700 .65rem 'Manrope',sans-serif;color:var(--accent);letter-spacing:.08em;text-transform:uppercase}.welcome-block h1{font-size:clamp(1.45rem,4vw,2rem);line-height:1.35;margin:5px 0 17px}.search-bar{height:48px;background:var(--card);border:1px solid var(--border);border-radius:12px;display:flex;align-items:center;gap:10px;padding:0 14px;color:var(--muted)}.search-bar:focus-within{border-color:var(--primary)}.search-bar input{border:0;outline:0;background:transparent;color:var(--text);font-size:.82rem;width:100%}.search-bar input::placeholder{color:var(--muted)}.hero-banner{height:205px;border-radius:var(--radius);overflow:hidden;position:relative;background:var(--card);display:flex;align-items:center;margin-bottom:28px}.hero-photo{position:absolute;inset:0;background:url('/manus-storage/async-images/8MMqswRm0t2TvMp4KxQPUp/image-1.webp') center/cover no-repeat}.hero-photo:after{content:'';position:absolute;inset:0;background:rgba(8,10,20,.48)}.hero-copy{position:relative;z-index:1;padding:20px 22px;max-width:290px}.badge{font:700 .62rem 'Manrope',sans-serif;letter-spacing:.08em;color:var(--accent);text-transform:uppercase}.hero-copy h2{font-size:1.5rem;line-height:1.35;margin:8px 0 5px}.hero-copy p{font-size:.75rem;color:var(--muted);margin-bottom:15px}.primary-button{min-height:38px;padding:8px 15px;border-radius:9px;background:var(--primary);color:var(--text);font-size:.75rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .2s,transform .2s}.primary-button:hover{background:var(--hover);transform:translateY(-1px)}.section-topline{display:flex;align-items:end;justify-content:space-between;margin-bottom:13px}.section-topline>div{display:flex;align-items:center;gap:9px}.section-index{font:700 .62rem 'Manrope';color:var(--accent);border:1px solid var(--border);border-radius:5px;padding:2px 5px}.section-topline h2{font-size:1.18rem;line-height:1.2}.see-all{font-size:.7rem;color:var(--accent)}.section-note{font-size:.66rem;color:var(--muted)}.app-section{margin-bottom:29px}.category-scroller{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:3px}.category-scroller::-webkit-scrollbar{display:none}.category-card{min-width:96px;height:100px;border:1px solid var(--border);border-radius:13px;background:var(--card);overflow:hidden;position:relative;flex:none}.category-card:after{content:'';position:absolute;inset:0;background:rgba(8,10,20,.35)}.category-card-image{position:absolute;inset:0;background-size:cover;background-position:center}.category-card span{position:absolute;z-index:1;bottom:9px;right:9px;left:7px;font-size:.7rem;font-weight:700;line-height:1.3}.category-card.active{border-color:var(--primary)}.category-card.active:after{background:rgba(75,77,255,.38)}.food-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.food-card{background:var(--card);border:1px solid var(--border);border-radius:13px;overflow:hidden;min-width:0;position:relative}.food-card-image{aspect-ratio:1/1;background-size:cover;background-position:center;position:relative}.food-card-image:after{content:'♡';position:absolute;top:8px;left:9px;width:25px;height:25px;border-radius:50%;background:rgba(8,10,20,.72);display:grid;place-items:center;color:var(--text);font:1rem 'Manrope'}.food-card-body{padding:11px 11px 12px;min-height:93px;display:flex;flex-direction:column}.food-card h3{font-size:.84rem;line-height:1.4}.food-card p{font-size:.66rem;line-height:1.55;color:var(--muted);margin-top:3px;flex:1}.food-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:8px}.price{font-size:.67rem;color:var(--accent);font-weight:700}.add-button{width:29px;height:29px;border-radius:50%;background:var(--primary);color:var(--text);font:700 1.15rem 'Manrope';display:grid;place-items:center;line-height:1}.add-button:hover{background:var(--hover)}.empty-state{text-align:center;color:var(--muted);font-size:.8rem;padding:30px 0}.compact-feature{display:flex;align-items:stretch;background:var(--secondary);border:1px solid var(--border);border-radius:14px;overflow:hidden;margin:6px 0 29px;min-height:116px}.compact-feature-photo{width:38%;background:url('/manus-storage/async-images/8MMqswRm0t2TvMp4KxQPUp/image-4.webp') center/cover}.compact-feature>div:last-child{padding:14px 15px;flex:1}.compact-feature h2{font-size:1rem;margin:3px 0}.compact-feature p{font-size:.67rem;color:var(--muted);margin-bottom:6px}.compact-feature a{font-size:.66rem;color:var(--accent)}.account-section{padding-bottom:20px}.account-grid{display:grid;grid-template-columns:1fr;gap:9px}.info-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px}.info-card strong{display:block;font-size:.83rem;margin-top:5px}.info-card p{color:var(--muted);font-size:.7rem;margin:2px 0 11px}.secondary-button{display:inline-flex;border:1px solid var(--border);padding:6px 9px;border-radius:7px;font-size:.65rem;color:var(--text)}.secondary-button:hover{border-color:var(--primary);color:var(--accent)}.review-card strong{color:var(--accent)}.reservation-card{background:var(--secondary);border:1px solid var(--border);border-radius:14px;padding:16px;margin-top:10px}.reservation-card h3{font-size:1.05rem;margin:4px 0}.reservation-card>div>p{color:var(--muted);font-size:.7rem;line-height:1.7}.reservation-card form{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px}.reservation-card label{font-size:.62rem;color:var(--muted)}.reservation-card input,.reservation-card select{display:block;width:100%;margin-top:4px;background:var(--card);border:1px solid var(--border);border-radius:7px;color:var(--text);padding:7px 5px;font-size:.64rem;outline:0}.reservation-card select option{color:var(--text);background:var(--card)}.reservation-card .primary-button{grid-column:1/-1}.bottom-nav{position:fixed;bottom:0;right:0;left:0;height:70px;background:rgba(17,20,38,.98);border-top:1px solid var(--border);z-index:7;display:grid;grid-template-columns:repeat(4,1fr);padding:5px max(8px,calc((100% - 500px)/2));backdrop-filter:none}.nav-item{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;color:var(--muted);font-size:.61rem;position:relative}.nav-item svg{width:19px;height:19px}.nav-item.active,.nav-item:hover{color:var(--accent)}.nav-item b{font:700 .55rem 'Manrope';background:var(--primary);color:var(--text);border-radius:99px;padding:1px 4px;position:absolute;top:4px;margin-right:25px}.cart-drawer{position:fixed;inset:0;z-index:10;visibility:hidden}.cart-drawer.open{visibility:visible}.drawer-backdrop{position:absolute;inset:0;background:rgba(8,10,20,.75);opacity:0;transition:opacity .25s}.cart-drawer.open .drawer-backdrop{opacity:1}.drawer-panel{position:absolute;top:0;bottom:0;left:0;width:min(410px,100%);background:var(--card);padding:23px 20px;transform:translateX(-100%);transition:transform .3s ease;display:flex;flex-direction:column}.cart-drawer.open .drawer-panel{transform:translateX(0)}.drawer-header{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--border);padding-bottom:15px}.drawer-header h2{font-size:1.5rem}.close-button{font-size:1.8rem;color:var(--muted);line-height:1}.cart-items{padding:15px 0;overflow:auto;flex:1}.cart-empty{color:var(--muted);font-size:.78rem;line-height:2}.cart-item{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--border)}.cart-item-thumb{width:53px;height:53px;border-radius:8px;background-size:cover;background-position:center;flex:none}.cart-item-info{flex:1}.cart-item-info strong{font-size:.78rem}.cart-item-info small{display:block;color:var(--muted);font-size:.62rem}.qty-control{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:.7rem}.qty-control button{width:22px;height:22px;border:1px solid var(--border);border-radius:5px}.cart-footer{border-top:1px solid var(--border);padding-top:14px}.total-row{display:flex;justify-content:space-between;font-size:.75rem}.total-row strong{color:var(--accent)}.cart-footer>p{font-size:.64rem;color:var(--muted);margin:9px 0 13px}.full-width{width:100%}.toast{position:fixed;z-index:20;bottom:83px;right:16px;background:var(--secondary);border:1px solid var(--border);color:var(--text);padding:9px 13px;border-radius:8px;font-size:.68rem;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translateY(0)}
@media(min-width:700px){.app-header{padding-inline:calc((100% - 980px)/2)}.app-main{padding-inline:24px}.hero-banner{height:260px}.food-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.category-card{min-width:120px;height:118px}.account-grid{grid-template-columns:repeat(3,1fr)}.compact-feature{max-width:620px}.bottom-nav{left:50%;right:auto;width:520px;transform:translateX(-50%);border-left:1px solid var(--border);border-right:1px solid var(--border)}}
@media(min-width:1050px){.app-shell{padding-bottom:30px}.app-main{padding-bottom:30px}.bottom-nav{position:sticky;top:calc(100vh - 70px);bottom:auto}.welcome-block{padding-top:34px}.food-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}