@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior-x:none}[data-theme=dark] body{color:#f0f0f0;background:#0f0f0f}[data-theme=dark] .section{background:#0f0f0f}[data-theme=dark] .rest-card{background:#1a1a1a!important;border-color:#2a2a2a!important}[data-theme=dark] .rest-name{color:#f0f0f0}[data-theme=dark] .rest-badge{color:#aaa}[data-theme=dark] .see-all{color:#f26b1d}[data-theme=dark] .search-wrap{background:#0f0f0f}[data-theme=dark] .search-bar{background:#1a1a1a!important;border-color:#2a2a2a!important}[data-theme=dark] .search-bar input{color:#f0f0f0;background:#1a1a1a}[data-theme=dark] .search-bar input::placeholder{color:#666}[data-theme=dark] .quick-cat{color:#ccc!important;background:#1a1a1a!important;border-color:#2a2a2a!important}[data-theme=dark] .quick-cat.active{color:#fff!important;background:#f26b1d!important}[data-theme=dark] .menu-item-card{background:#1a1a1a;border-color:#2a2a2a}[data-theme=dark] .menu-item-details h3{color:#f0f0f0}[data-theme=dark] .menu-item-desc{color:#aaa}[data-theme=dark] .menu-modal-content{background:#1a1a1a}[data-theme=dark] .menu-modal-name{color:#f0f0f0}[data-theme=dark] .menu-modal-desc{color:#aaa}[data-theme=dark] .profile-card{background:#1a1a1a}[data-theme=dark] .profile-user-name{color:#f0f0f0}[data-theme=dark] .profile-user-email{color:#aaa}[data-theme=dark] .profile-stat-card{background:#1a1a1a;border-color:#2a2a2a}[data-theme=dark] .profile-stat-value{color:#f26b1d}[data-theme=dark] .profile-stat-label{color:#888}[data-theme=dark] .promo-banner{background:#1a1a1a;border-color:#2a2a2a}[data-theme=dark] .promo-banner h3{color:#f0f0f0}[data-theme=dark] .promo-banner p{color:#aaa}[data-theme=dark] .settings-page{background:#0f0f0f}[data-theme=dark] .settings-header h1{color:#f0f0f0!important}[data-theme=dark] .settings-header p{color:#888!important}[data-theme=dark] .contact-card{background:#1a1a1a!important;border-color:#2a2a2a!important}[data-theme=dark] .contact-info h3{color:#f0f0f0!important}[data-theme=dark] .contact-info p{color:#aaa!important}[data-theme=dark] .contact-action-btn{color:#f0f0f0!important;background:#2a2a2a!important;border-color:#3a3a3a!important}[data-theme=dark] .contact-info-section h2{color:#f0f0f0!important}[data-theme=dark] .contact-detail-item{border-color:#2a2a2a!important}[data-theme=dark] .contact-detail-item h4{color:#f0f0f0!important}[data-theme=dark] .contact-detail-item p{color:#aaa!important}[data-theme=dark] .payment-method-card{background:#1a1a1a!important;border-color:#2a2a2a!important}[data-theme=dark] .payment-method-card.selected{background:#1f1008!important;border-color:#f26b1d!important}[data-theme=dark] .payment-method-info h3{color:#f0f0f0!important}[data-theme=dark] .payment-method-info p{color:#aaa!important}[data-theme=dark] .payment-method-radio{border-color:#555!important}[data-theme=dark] .partner-detail-content{background:#0f0f0f!important}[data-theme=dark] .partner-detail-section h2{color:#f0f0f0!important}[data-theme=dark] .partner-detail-section p,[data-theme=dark] .partner-detail-section li{color:#bbb!important}[data-theme=dark] .partner-benefit-item h4{color:#f0f0f0!important}[data-theme=dark] .partner-benefit-item p{color:#aaa!important}[data-theme=dark] .partner-benefit-check{color:#f26b1d!important}[data-theme=dark] .service-needed-item{color:#f0f0f0!important;background:#1a1a1a!important;border-color:#2a2a2a!important}[data-theme=dark] .partner-requirements-list li{color:#bbb!important}[data-theme=dark] .partner-card{background:#1a1a1a!important;border-color:#2a2a2a!important}[data-theme=dark] .partner-card h3{color:#f0f0f0!important}[data-theme=dark] .partner-card p{color:#aaa!important}[data-theme=dark] .address-card{background:#1a1a1a;border-color:#2a2a2a}[data-theme=dark] .confirm-order-page{background:#0f0f0f}[data-theme=dark] .checkout-section{background:#1a1a1a;border-color:#2a2a2a}[data-theme=dark] .checkout-item{background:#222;border-color:#333}[data-theme=dark] .checkout-input{color:#f0f0f0;background:#222;border-color:#333}[data-theme=dark] .mobile-header{background:#111!important;border-bottom-color:#2a2a2a!important}[data-theme=dark] .logo-text{color:#f0f0f0}[data-theme=dark] .m-user-chip{color:#f0f0f0!important;background:#2a2a2a!important}[data-theme=dark] .dropdown{background:#1a1a1a!important;border-color:#2a2a2a!important;box-shadow:0 8px 24px #00000080!important}[data-theme=dark] .dropdown a{color:#f0f0f0!important}[data-theme=dark] .dropdown a:hover{background:#2a2a2a!important}[data-theme=dark] .bottom-nav{background:#111!important;border-top-color:#2a2a2a!important}[data-theme=dark] .bottom-nav a{color:#888!important}[data-theme=dark] .bottom-nav a.active{color:#f26b1d!important}[data-theme=dark] .nav-icon-btn{color:#f0f0f0!important}[data-theme=dark] .profile-sidebar-drawer{background:#111!important}[data-theme=dark] .profile-sidebar-header{border-color:#2a2a2a!important}[data-theme=dark] .profile-sidebar-header h2{color:#f0f0f0!important}[data-theme=dark] .profile-sidebar-header button{color:#f0f0f0!important;background:#2a2a2a!important}[data-theme=dark] .profile-sidebar-nav a{color:#f0f0f0!important}[data-theme=dark] .profile-sidebar-nav a:hover,[data-theme=dark] .profile-sidebar-nav button:hover{background:#1e1e1e!important}[data-theme=dark] .bottom-nav-btn{color:#888!important}[data-theme=dark] .bottom-nav-btn.active{color:#f26b1d!important}[data-theme=dark] .mobile-content,[data-theme=dark] .mobile-orders-page{background:#0f0f0f}[data-theme=dark] .orders-page-title{color:#f0f0f0!important}[data-theme=dark] .orders-page-subtitle{color:#888!important}[data-theme=dark] .orders-tabs{background:#1a1a1a!important}[data-theme=dark] .orders-tab{color:#888!important;background:0 0!important}[data-theme=dark] .orders-tab.active{color:#f26b1d!important;background:#2a2a2a!important}[data-theme=dark] .order-card{background:#1a1a1a!important;border-color:#2a2a2a!important}[data-theme=dark] .order-title{color:#f0f0f0!important}[data-theme=dark] .order-id{color:#888!important}[data-theme=dark] .order-body p,[data-theme=dark] .order-meta span{color:#aaa!important}[data-theme=dark] .order-btn-secondary{color:#f0f0f0!important;background:#2a2a2a!important;border-color:#3a3a3a!important}[data-theme=dark] .orders-empty-state h3{color:#f0f0f0!important}[data-theme=dark] .orders-empty-state p{color:#888!important}[data-theme=dark] .empty-icon{filter:none}[data-theme=dark] .rides-page{background:#0f0f0f}[data-theme=dark] .rides-status-card{background:#1a1a1a!important;border-color:#2a2a2a!important}[data-theme=dark] .rides-driver-assigned h2{color:#f0f0f0!important}[data-theme=dark] .rides-driver-assigned p{color:#aaa!important}[data-theme=dark] .rides-trip-details{background:#222!important}[data-theme=dark] .rides-detail-row{color:#aaa!important;border-color:#2a2a2a!important}[data-theme=dark] .rides-detail-row span:first-child{color:#888!important}[data-theme=dark] .rides-detail-row span:last-child{color:#f0f0f0!important}[data-theme=dark] .cart-drawer{background:#111!important}[data-theme=dark] .cart-drawer-content{background:#1a1a1a!important}[data-theme=dark] .cart-restaurant-name{border-color:#2a2a2a!important}[data-theme=dark] .cart-restaurant-name h3{color:#f0f0f0!important}[data-theme=dark] .cart-item-row{border-color:#2a2a2a!important}[data-theme=dark] .cart-item-info h4{color:#f0f0f0!important}[data-theme=dark] .cart-item-info p{color:#bbb!important}[data-theme=dark] .cart-qty{color:#f0f0f0!important}[data-theme=dark] .cart-qty-btn{color:#f0f0f0!important;background:#2a2a2a!important}[data-theme=dark] .cart-summary{background:#111!important}[data-theme=dark] .cart-summary-row{color:#bbb!important}[data-theme=dark] .cart-summary-row.cart-total{color:#f0f0f0!important;border-color:#2a2a2a!important}[data-theme=dark] .cart-empty h3{color:#f0f0f0!important}[data-theme=dark] .cart-empty p{color:#aaa!important}[data-theme=dark] .settings-section{background:#1a1a1a!important;border-color:#2a2a2a!important}[data-theme=dark] .settings-item{color:#f0f0f0!important;border-color:#2a2a2a!important}[data-theme=dark] .settings-item:hover{background:#222!important}[data-theme=dark] .settings-label{color:#888!important}[data-theme=dark] .help-page{background:#0f0f0f!important}[data-theme=dark] .help-section{background:#1a1a1a!important}[data-theme=dark] .faq-item{background:#222!important;border-color:#2a2a2a!important}[data-theme=dark] .faq-question{color:#f0f0f0!important}[data-theme=dark] .faq-answer{color:#aaa!important;background:#1a1a1a!important}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4{color:#f0f0f0}[data-theme=dark] p{color:#aaa}[data-theme=dark] .section-title{color:#f0f0f0!important}[data-theme=dark] .rest-grid-card{background:#1a1a1a!important;border-color:#2a2a2a!important}[data-theme=dark] .rest-grid-info h3{color:#f0f0f0!important}[data-theme=dark] .rest-grid-hours{color:#888!important}[data-theme=dark] .rest-cat-btn{color:#ccc!important;background:#1a1a1a!important;border-color:#2a2a2a!important}[data-theme=dark] .rest-cat-btn.active{color:#fff!important;background:#f26b1d!important}[data-theme=dark] .checkout-section-header h2,[data-theme=dark] .checkout-address-street{color:#f0f0f0!important}[data-theme=dark] .checkout-address-area,[data-theme=dark] .checkout-address-phone{color:#aaa!important}[data-theme=dark] .checkout-item-details h4{color:#f0f0f0!important}[data-theme=dark] .checkout-total-row span{color:#aaa!important}[data-theme=dark] .checkout-total-final strong,[data-theme=dark] .checkout-page-header h1{color:#f0f0f0!important}[data-theme=dark] .checkout-page-header{background:#111!important;border-bottom-color:#2a2a2a!important}[data-theme=dark] .profile-section-title{color:#f0f0f0!important}[data-theme=dark] .profile-menu-item{color:#f0f0f0!important;background:#1a1a1a!important;border-color:#2a2a2a!important}[data-theme=dark] .profile-menu-label{color:#f0f0f0!important}[data-theme=dark] .profile-menu-sub{color:#888!important}[data-theme=dark] .profile-page{background:#0f0f0f!important}[data-theme=dark] .modal-card{background:#1a1a1a!important}[data-theme=dark] .modal-header h2{color:#f0f0f0!important}[data-theme=dark] .modal-header button{color:#f0f0f0!important;background:#2a2a2a!important}[data-theme=dark] .tracking-step .tracking-info h4{color:#f0f0f0!important}[data-theme=dark] .tracking-step .tracking-info p{color:#888!important}[data-theme=dark] .hero{background:linear-gradient(135deg,#1a0a00,#0f0f0f)!important}[data-theme=dark] .hero-text h1{color:#f0f0f0!important}[data-theme=dark] .hero-text p{color:#aaa!important}:root{--orange:#f26b1d;--orange-light:#ff8c42;--teal:#2bbfb3;--teal-dark:#1ea99e;--yellow:#f5b800;--purple:#7c5cbf;--text:#1a1a2e;--muted:#8a8a9a;--bg:#f2f4f8;--shadow:0 4px 20px #00000012;--shadow-md:0 8px 32px #0000001f;--sidebar-w:220px;--topbar-h:64px}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}.badge{color:#fff;background:#e53935;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:800;display:flex;position:absolute;top:2px;right:2px}.logo-icon{background:var(--orange);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;font-weight:900;display:flex}.logo-text{color:var(--text);font-size:20px;font-weight:800}.hero{background:linear-gradient(135deg,#f26b1d 0%,#ff9a3c 50%,#ffbe6a 100%);padding:36px 20px 52px;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle at 78% 25%,#ffffff2e 0%,#0000 50%),radial-gradient(circle at 15% 85%,#ff8c0040 0%,#0000 50%);position:absolute;inset:0}.hero-inner{justify-content:space-between;align-items:center;gap:24px;max-width:100%;margin:0 auto;display:flex;position:relative}.hero-text h1{color:#fff;white-space:pre-line;margin-bottom:8px;font-size:clamp(22px,2.5vw,32px);font-weight:900;line-height:1.15}.hero-text p{color:#ffffffe0;margin-bottom:22px;font-size:14px;font-weight:600}.hero-buttons{flex-wrap:nowrap;gap:12px;display:flex}.btn-hero{cursor:pointer;border:none;border-radius:50px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-family:Nunito,sans-serif;font-size:14px;font-weight:800;transition:transform .18s,box-shadow .18s;display:flex}.btn-hero:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000038}.btn-food{color:var(--orange);background:#fff}.btn-ride{background:var(--teal);color:#fff}.hero-illustration{flex-shrink:0;gap:12px;display:flex}.hero-img{border-radius:18px;justify-content:center;align-items:center;width:100px;height:100px;font-size:52px;animation:3s ease-in-out infinite float;display:flex;box-shadow:0 8px 28px #0003}.hero-img:nth-child(2){margin-top:16px;animation-delay:.8s}.hero-img:nth-child(3){animation-delay:1.6s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.search-wrap{z-index:10;margin:-20px auto 0;padding:0 20px;position:relative}.search-bar{box-shadow:var(--shadow-md);background:#fff;border-radius:50px;align-items:center;gap:10px;padding:12px 18px;display:flex}.search-bar input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-family:Nunito,sans-serif;font-size:14px}.search-bar input::placeholder{color:var(--muted)}.s-icon-txt{color:var(--muted);font-size:17px}.search-btn{background:var(--teal);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;font-weight:900;transition:background .2s;display:flex}.search-btn:hover{background:var(--teal-dark)}.section{padding:24px 20px 0}.section-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.section-title{font-size:17px;font-weight:800}.see-all{color:var(--orange);align-items:center;gap:3px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.see-all:hover{text-decoration:underline}.quick-cats{scrollbar-width:none;gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.quick-cats::-webkit-scrollbar{display:none}.quick-cat{box-shadow:var(--shadow);cursor:pointer;white-space:nowrap;color:var(--text);background:#fff;border:2px solid #0000;border-radius:50px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.quick-cat:hover,.quick-cat.active{border-color:var(--orange);color:var(--orange)}.quick-cat span{font-size:18px}.cards-row{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;display:grid}.rest-card{box-shadow:var(--shadow);cursor:pointer;color:inherit;background:#fff;border-radius:16px;text-decoration:none;transition:transform .2s,box-shadow .2s;overflow:hidden}.rest-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.rest-img-ph{justify-content:center;align-items:center;width:100%;height:130px;font-size:46px;display:flex}.rest-info{padding:11px 13px 13px}.rest-name{margin-bottom:5px;font-size:14px;font-weight:800}.rest-meta{color:var(--muted);align-items:center;gap:5px;font-size:12px;font-weight:600;display:flex}.stars{color:var(--yellow);gap:1px;font-size:11px;display:flex}.rest-badge{color:var(--orange);background:#fff3e8;border-radius:20px;align-items:center;gap:3px;margin-top:6px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.promo-banner{color:#fff;background:linear-gradient(135deg,#1ea99e,#2bbfb3);border-radius:18px;justify-content:space-between;align-items:center;gap:14px;padding:18px 20px;display:flex}.promo-text h3{margin-bottom:3px;font-size:15px;font-weight:800}.promo-text p{opacity:.88;font-size:12px;font-weight:600}.promo-btn{color:var(--teal-dark);cursor:pointer;white-space:nowrap;background:#fff;border:none;border-radius:30px;padding:8px 16px;font-family:Nunito,sans-serif;font-size:12px;font-weight:800;transition:transform .2s}.promo-btn:hover{transform:scale(1.04)}.cat-tiles{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.cat-tile{cursor:pointer;border-radius:16px;align-items:center;gap:10px;padding:18px 14px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex}.cat-tile:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.cat-tile.food{background:linear-gradient(135deg,#f26b1d,#ff9a3c)}.cat-tile.ride{background:linear-gradient(135deg,#f5b800,#ffd740)}.cat-tile.grocery{background:linear-gradient(135deg,#2bbfb3,#5dd9cf)}.cat-tile.services{background:linear-gradient(135deg,#7c5cbf,#a47fdf)}.cat-tile-icon{font-size:32px;line-height:1}.cat-tile-text{color:#fff}.cat-tile-text h3{font-size:14px;font-weight:800;line-height:1.1}.cat-tile-text p{opacity:.85;margin-top:2px;font-size:11px;font-weight:600}.cat-tile.ride .cat-tile-text{color:#1a1a2e}.dd-wrap{position:relative}.dropdown{box-shadow:var(--shadow-md);z-index:300;background:#fff;border-radius:14px;min-width:175px;display:none;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.dropdown.open{display:block}.dropdown a{color:var(--text);align-items:center;gap:10px;padding:13px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s;display:flex}.dropdown a:hover{background:#f2f4f8}.desktop-topbar,.sidebar{display:none}.mobile-header{z-index:100;background:#fff;justify-content:space-between;align-items:center;height:64px;padding:0 20px;display:flex;position:sticky;top:0;box-shadow:0 2px 12px #0000000f}.mobile-header .nav-logo{align-items:center;gap:10px;text-decoration:none;display:flex}.mobile-header .nav-right{align-items:center;gap:10px;display:flex}.nav-icon-btn{cursor:pointer;width:38px;height:38px;color:inherit;background:#f2f4f8;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:17px;text-decoration:none;transition:background .2s;display:flex;position:relative}.nav-icon-btn:hover{background:#e8e8f0}.m-user-chip{background:var(--orange);color:#fff;cursor:pointer;border:none;border-radius:40px;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-family:Nunito,sans-serif;font-size:13px;font-weight:700;transition:background .2s;display:flex}.m-user-chip:hover{background:var(--orange-light)}.m-user-avatar{background:#ffffff40;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;display:flex}.mobile-content{padding-bottom:80px}.bottom-nav{z-index:100;padding-bottom:env(safe-area-inset-bottom,0);background:#fff;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #00000014}.bottom-nav a{color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:10px 0;font-size:10px;font-weight:700;text-decoration:none;transition:color .2s;display:flex;position:relative}.bottom-nav a.active,.bottom-nav a:hover{color:var(--orange)}.bnav-icon{font-size:21px;position:relative}.bottom-nav .badge{top:-2px;right:-8px}.footer-spacer{height:80px}.auth-modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.auth-modal-content{background:#fff;border-radius:24px;width:100%;max-width:400px;padding:32px 28px;animation:.3s ease-out modalSlideIn;position:relative;box-shadow:0 20px 60px #0000004d}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-modal-close{cursor:pointer;width:32px;height:32px;color:var(--muted);background:#f2f4f8;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:background .2s;display:flex;position:absolute;top:16px;right:16px}.auth-modal-close:hover{background:#e8e8f0}.auth-modal-header{text-align:center;margin-bottom:24px}.auth-modal-header h2{color:var(--text);margin-bottom:8px;font-size:24px;font-weight:800}.auth-modal-header p{color:var(--muted);font-size:14px;font-weight:600}.auth-modal-buttons{flex-direction:column;gap:12px;display:flex}.auth-modal-btn{text-align:center;cursor:pointer;border:none;border-radius:12px;padding:14px 24px;font-family:Nunito,sans-serif;font-size:15px;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block}.auth-modal-btn:hover{transform:translateY(-2px)}.auth-modal-btn.primary{background:var(--orange);color:#fff;box-shadow:0 4px 14px #f26b1d4d}.auth-modal-btn.primary:hover{box-shadow:0 6px 20px #f26b1d66}.auth-modal-btn.secondary{color:var(--orange);border:2px solid var(--orange);background:#fff}.auth-modal-btn.secondary:hover{background:#fff3eb}@media (min-width:900px){.mobile-header,.mobile-content,.bottom-nav,.footer-spacer{display:none!important}.desktop-topbar{height:var(--topbar-h);z-index:200;background:#fff;justify-content:space-between;align-items:center;padding:0 24px 0 0;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 12px #0000000f}.topbar-logo{width:var(--sidebar-w);flex-shrink:0;align-items:center;gap:10px;padding:0 20px;display:flex}.topbar-nav{background:#f2f4f8;border-radius:50px;flex:1;align-items:center;gap:4px;margin:0 20px;padding:6px 8px;display:flex}.topbar-nav a{color:var(--muted);border-radius:40px;align-items:center;gap:7px;padding:8px 18px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:flex;position:relative}.topbar-nav a.active{color:var(--orange);box-shadow:var(--shadow);background:#fff}.topbar-nav a:hover:not(.active){color:var(--text)}.nav-badge{background:var(--orange);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:800;display:inline-flex}.topbar-right{align-items:center;gap:10px;display:flex}.topbar-icon-btn{cursor:pointer;width:38px;height:38px;color:inherit;background:#f2f4f8;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:17px;text-decoration:none;transition:background .2s;display:flex;position:relative}.topbar-icon-btn:hover{background:#e8e8f0}.d-user-chip{color:var(--text);cursor:pointer;background:#fff;border:1.5px solid #e8e8f0;border-radius:40px;align-items:center;gap:10px;padding:6px 14px 6px 6px;font-family:Nunito,sans-serif;font-size:14px;font-weight:700;transition:border-color .2s;display:flex}.d-user-chip:hover{border-color:var(--orange)}.d-user-avatar{background:#f2f4f8;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:15px;display:flex}.desktop-shell{padding-top:var(--topbar-h);min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);top:var(--topbar-h);z-index:100;background:#fff;flex-direction:column;padding:24px 14px;display:flex;position:fixed;bottom:0;left:0;overflow-y:auto;box-shadow:2px 0 12px #0000000d}.sidebar-nav{flex-direction:column;flex:1;gap:4px;display:flex}.sidebar-nav a{color:var(--muted);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.sidebar-nav a .s-ico{font-size:18px}.sidebar-nav a.active{background:var(--orange);color:#fff;box-shadow:0 4px 14px #f26b1d59}.sidebar-nav a:hover:not(.active){color:var(--orange);background:#fff3eb}.sidebar-footer{color:var(--muted);border-top:1px solid #f0f0f0;align-items:center;gap:10px;padding:16px 0 0 14px;font-size:13px;font-weight:700;display:flex}.main-content{margin-left:var(--sidebar-w);flex:1;margin-right:280px;padding:24px;overflow-y:auto}.right-panel{width:280px;top:var(--topbar-h);flex-direction:column;gap:18px;padding:24px 18px;display:flex;position:fixed;bottom:0;right:0;overflow-y:auto}.wallet-card,.wallet-balance{box-shadow:var(--shadow);background:#fff;border-radius:20px;padding:18px}.wallet-top{align-items:center;gap:12px;margin-bottom:14px;display:flex}.wallet-ico{background:linear-gradient(135deg,#f26b1d,#ff9a3c);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.w-amount{font-size:20px;font-weight:900}.w-amount span{color:var(--muted);font-size:13px;font-weight:600}.add-btn{background:var(--teal);color:#fff;cursor:pointer;border:none;border-radius:14px;justify-content:space-between;align-items:center;width:100%;padding:12px;font-family:Nunito,sans-serif;font-size:14px;font-weight:800;transition:background .2s,transform .18s;display:flex}.add-btn:hover{background:var(--teal-dark);transform:translateY(-1px)}.bal-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:700}.bal-big{margin-bottom:14px;font-size:26px;font-weight:900}.bal-big span{color:var(--muted);font-size:13px;font-weight:600}.rp-cats h3{margin-bottom:12px;font-size:15px;font-weight:800}.rp-cat-list{flex-direction:column;gap:10px;display:flex}.rp-cat{cursor:pointer;color:#fff;border-radius:16px;align-items:center;gap:12px;padding:14px 16px;font-size:14px;font-weight:800;text-decoration:none;transition:transform .18s,box-shadow .18s;display:flex}.rp-cat:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.rp-cat-ico{font-size:26px}.rp-cat.food{background:linear-gradient(135deg,#f26b1d,#ff9a3c)}.rp-cat.ride{color:#1a1a2e;background:linear-gradient(135deg,#f5b800,#ffd740)}.rp-cat.other{background:linear-gradient(135deg,#7c5cbf,#a47fdf)}.hero{border-radius:20px;margin-bottom:22px;padding:32px 36px 44px}.search-wrap{margin:0 0 22px;padding:0}.section{padding:0 0 22px}.cards-row,.cat-tiles{grid-template-columns:repeat(4,1fr)}}.login-page{background:linear-gradient(135deg,#f26b1d 0%,#ff9a3c 50%,#ffbe6a 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative}.login-page:before{content:"";background:radial-gradient(circle at 78% 25%,#ffffff2e 0%,#0000 50%),radial-gradient(circle at 15% 85%,#ff8c0040 0%,#0000 50%);position:absolute;inset:0}.login-container{z-index:1;width:100%;max-width:440px;position:relative}.login-branding{text-align:center;margin-bottom:28px}.login-logo-link{text-decoration:none}.login-brand-name{color:#fff;margin-bottom:6px;font-size:32px;font-weight:900}.login-tagline{color:#ffffffe6;font-size:14px;font-weight:600}.login-card{background:#fff;border-radius:24px;padding:32px 28px;box-shadow:0 20px 60px #0003}.login-toggle{background:#f2f4f8;border-radius:12px;gap:10px;margin-bottom:24px;padding:6px;display:flex}.toggle-btn{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:8px;flex:1;padding:12px;font-family:Nunito,sans-serif;font-size:14px;font-weight:700;transition:all .2s}.toggle-btn.active{color:var(--orange);box-shadow:var(--shadow);background:#fff}.login-form-wrapper{animation:.3s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.login-form-header{text-align:center;margin-bottom:24px}.login-form-header h2{color:var(--text);margin-bottom:6px;font-size:24px;font-weight:800}.login-form-header p{color:var(--muted);font-size:14px;font-weight:600}.login-form{margin-bottom:20px}.login-form-group{margin-bottom:18px}.login-form-group label{color:var(--text);margin-bottom:8px;font-size:13px;font-weight:700;display:block}.login-input{width:100%;color:var(--text);background:#fff;border:2px solid #e8e8f0;border-radius:12px;padding:14px 16px;font-family:Nunito,sans-serif;font-size:14px;font-weight:600;transition:border-color .2s}.login-input:focus{border-color:var(--orange);outline:none}.login-input::placeholder{color:var(--muted);font-weight:600}.login-otp-input{text-align:center;letter-spacing:4px;font-size:20px;font-weight:800}.login-phone-input{align-items:center;gap:10px;display:flex}.phone-prefix{color:var(--text);background:#f2f4f8;border:2px solid #e8e8f0;border-radius:12px;padding:14px 16px;font-weight:700}.login-checkbox-group{align-items:flex-start;gap:10px;margin-bottom:18px;display:flex}.login-checkbox-group input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--orange);margin-top:4px}.login-checkbox-group label{color:var(--muted);cursor:pointer;margin:0;font-size:13px;font-weight:600;line-height:1.5}.login-checkbox-group a{color:var(--orange);font-weight:700;text-decoration:none}.login-checkbox-group a:hover{text-decoration:underline}.login-btn-primary{background:var(--orange);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:14px;font-family:Nunito,sans-serif;font-size:15px;font-weight:800;transition:all .2s;box-shadow:0 4px 14px #f26b1d4d}.login-btn-primary:hover{background:var(--orange-light);transform:translateY(-2px);box-shadow:0 6px 20px #f26b1d66}.login-btn-primary:active{transform:translateY(0)}.login-btn-secondary{width:100%;color:var(--muted);cursor:pointer;background:#fff;border:2px solid #e8e8f0;border-radius:12px;margin-top:12px;padding:14px;font-family:Nunito,sans-serif;font-size:15px;font-weight:800;transition:all .2s}.login-btn-secondary:hover{border-color:var(--orange);color:var(--orange);background:#fff3eb}.login-divider{text-align:center;margin:20px 0;position:relative}.login-divider:before,.login-divider:after{content:"";background:#e8e8f0;width:42%;height:1px;position:absolute;top:50%}.login-divider:before{left:0}.login-divider:after{right:0}.login-divider span{color:var(--muted);background:#fff;padding:0 16px;font-size:13px;font-weight:700}.login-social-btns{gap:12px;margin-bottom:16px;display:flex}.login-social-btn{cursor:pointer;color:var(--text);background:#f2f4f8;border:2px solid #e8e8f0;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-family:Nunito,sans-serif;font-size:14px;font-weight:700;transition:all .2s;display:flex}.login-social-btn:hover{border-color:var(--orange);background:#fff;transform:translateY(-2px)}.login-footer-link{text-align:center;margin-top:16px}.login-link{color:var(--orange);cursor:pointer;background:0 0;border:none;font-family:Nunito,sans-serif;font-size:14px;font-weight:700;text-decoration:none}.login-link:hover{text-decoration:underline}.login-back-btn{width:100%;color:var(--muted);cursor:pointer;background:0 0;border:none;margin-top:16px;padding:12px;font-family:Nunito,sans-serif;font-size:14px;font-weight:700;transition:color .2s}.login-back-btn:hover{color:var(--orange)}.login-resend{text-align:center;margin-top:16px}.login-resend p{color:var(--muted);font-size:14px;font-weight:600}.login-location-screen{text-align:center}.login-location-icon{color:#4caf50;background:#e8f5e9;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 24px;display:flex}.login-terms{text-align:center;margin-top:20px;padding:0 20px}.login-terms p{color:#ffffffd9;font-size:12px;font-weight:600;line-height:1.5}.login-terms a{color:#fff;font-weight:700;text-decoration:underline}@media (min-width:900px){.login-page{padding:40px}.login-container{max-width:480px}.login-card{padding:40px 36px}.login-form-header h2{font-size:28px}}.mobile-orders-page{padding:20px}.orders-page-header{margin-bottom:24px}.orders-page-title{color:var(--text);margin-bottom:6px;font-size:28px;font-weight:900}.orders-page-subtitle{color:var(--muted);font-size:14px;font-weight:600}.orders-tabs{background:#f2f4f8;border-radius:12px;gap:8px;margin-bottom:24px;padding:6px;display:flex}.orders-tab{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:8px;flex:1;padding:12px;font-family:Nunito,sans-serif;font-size:14px;font-weight:700;transition:all .2s}.orders-tab.active{color:var(--orange);box-shadow:var(--shadow);background:#fff}.orders-content{animation:.3s ease-out fadeIn}.orders-list{flex-direction:column;gap:16px;display:flex}.order-card{box-shadow:var(--shadow);background:#fff;border-radius:16px;padding:18px;transition:transform .2s,box-shadow .2s}.order-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.order-header{border-bottom:1px solid #f2f4f8;justify-content:space-between;align-items:flex-start;margin-bottom:14px;padding-bottom:14px;display:flex}.order-type{align-items:center;gap:12px;display:flex}.order-icon{font-size:32px;line-height:1}.order-title{color:var(--text);margin-bottom:2px;font-size:16px;font-weight:800}.order-id{color:var(--muted);font-size:12px;font-weight:600}.order-status{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:6px 12px;font-size:11px;font-weight:800}.status-accepted{color:#1976d2;background:#e3f2fd}.status-completed{color:#388e3c;background:#e8f5e9}.status-cancelled{color:#d32f2f;background:#ffebee}.order-body{margin-bottom:14px}.order-items{margin-bottom:12px}.order-items p{color:var(--text);margin-bottom:4px;font-size:14px;font-weight:600}.order-meta{color:var(--muted);flex-wrap:wrap;gap:12px;font-size:13px;font-weight:600;display:flex}.order-meta span{align-items:center;gap:4px;display:flex}.order-actions{flex-wrap:wrap;gap:10px;display:flex}.order-btn-primary,.order-btn-secondary,.order-btn-danger{cursor:pointer;border:none;border-radius:10px;flex:1;min-width:120px;padding:10px 16px;font-family:Nunito,sans-serif;font-size:13px;font-weight:700;transition:all .2s}.order-btn-primary{background:var(--orange);color:#fff;box-shadow:0 2px 8px #f26b1d40}.order-btn-primary:hover{background:var(--orange-light);transform:translateY(-1px);box-shadow:0 4px 12px #f26b1d59}.order-btn-secondary{color:var(--text);background:#f2f4f8}.order-btn-secondary:hover{background:#e8e8f0}.order-btn-danger{color:#d32f2f;background:#ffebee}.order-btn-danger:hover{background:#ffcdd2}.orders-empty-state{text-align:center;background:#fff;border-radius:16px;padding:60px 20px}.orders-empty-state .empty-icon{margin-bottom:16px;font-size:64px}.orders-empty-state h3{color:var(--text);margin-bottom:8px;font-size:20px;font-weight:800}.orders-empty-state p{color:var(--muted);margin-bottom:20px;font-size:14px;font-weight:600}@media (min-width:900px){.mobile-orders-page{padding:0}.orders-page-header{margin-bottom:28px}.orders-page-title{font-size:32px}.orders-tabs{max-width:400px}.orders-list{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;display:grid}.order-card{padding:20px}}.cart-overlay{z-index:999;opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000004d;transition:all .3s;position:fixed;inset:0}.cart-overlay.open{opacity:1;visibility:visible}.cart-drawer{background:var(--orange);z-index:1000;flex-direction:column;width:100%;max-width:450px;height:100vh;transition:right .3s ease-out;display:flex;position:fixed;top:0;right:-100%;box-shadow:-4px 0 20px #00000026}.cart-drawer.open{right:0}.cart-drawer-header{border-bottom:1px solid #fff3;justify-content:space-between;align-items:center;padding:20px;display:flex}.cart-drawer-header h2{color:#fff;font-size:22px;font-weight:800}.cart-close-btn{cursor:pointer;color:#fff;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;transition:background .2s;display:flex}.cart-close-btn:hover{background:#ffffff4d}.cart-drawer-content{background:#fff;border-radius:24px 24px 0 0;flex:1;margin-top:-10px;padding:20px;overflow-y:auto}.cart-empty{text-align:center;padding:60px 20px}.cart-empty-icon{margin-bottom:16px;font-size:64px}.cart-empty h3{margin-bottom:8px;font-size:20px;font-weight:800}.cart-empty p{color:var(--muted);margin-bottom:24px}.cart-add-btn{background:var(--orange);color:#fff;border-radius:12px;align-items:center;gap:8px;padding:14px 28px;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex}.cart-add-btn:hover{background:var(--orange-light);transform:translateY(-2px)}.cart-restaurant-name{border-bottom:2px solid #f2f4f8;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.cart-restaurant-name h3{font-size:18px;font-weight:800}.cart-clear-btn{color:var(--orange);cursor:pointer;background:0 0;border:none;font-family:Nunito,sans-serif;font-size:14px;font-weight:700}.cart-items-list{margin-bottom:24px}.cart-item-row{border-bottom:1px solid #f2f4f8;justify-content:space-between;align-items:center;padding:16px 0;display:flex}.cart-item-info h4{margin-bottom:4px;font-size:15px;font-weight:700}.cart-item-info p{color:var(--muted);font-size:13px;font-weight:600}.cart-item-controls{align-items:center;gap:12px;display:flex}.cart-qty-btn{cursor:pointer;width:32px;height:32px;color:var(--text);background:#f2f4f8;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;font-weight:700;transition:background .2s;display:flex}.cart-qty-btn:hover{background:#e8e8f0}.cart-qty{text-align:center;min-width:24px;font-weight:700}.cart-summary{background:#f2f4f8;border-radius:12px;margin-bottom:24px;padding:16px}.cart-summary-row{justify-content:space-between;padding:8px 0;font-size:14px;font-weight:600;display:flex}.cart-total{color:var(--text);border-top:2px solid #e8e8f0;margin-top:8px;padding-top:12px;font-size:16px;font-weight:800}.cart-delivery-section,.cart-payment-section{margin-bottom:24px}.cart-delivery-section h3,.cart-payment-section h3{margin-bottom:14px;font-size:16px;font-weight:800}.cart-form-group{margin-bottom:14px}.cart-form-group label{margin-bottom:8px;font-size:13px;font-weight:700;display:block}.cart-input,.cart-textarea{border:2px solid #e8e8f0;border-radius:10px;width:100%;padding:12px 14px;font-family:Nunito,sans-serif;font-size:14px;font-weight:600;transition:border-color .2s}.cart-input:focus,.cart-textarea:focus{border-color:var(--orange);outline:none}.cart-textarea{resize:vertical;min-height:70px}.cart-payment-options{flex-direction:column;gap:10px;display:flex}.cart-payment-option{cursor:pointer;border:2px solid #e8e8f0;border-radius:10px;align-items:center;gap:12px;padding:14px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.cart-payment-option:has(input:checked){border-color:var(--orange);background:#fff3eb}.cart-payment-disabled{opacity:.5;cursor:not-allowed}.cart-checkout-btn{background:var(--orange);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:16px;font-family:Nunito,sans-serif;font-size:16px;font-weight:800;transition:all .2s;box-shadow:0 4px 14px #f26b1d4d}.cart-checkout-btn:hover{background:var(--orange-light);transform:translateY(-2px);box-shadow:0 6px 20px #f26b1d66}.cart-confirmation-overlay{z-index:2000;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.cart-confirmation-modal{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:400px;padding:40px 32px}.cart-success-icon{color:#388e3c;background:#e8f5e9;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;font-size:48px;display:flex}.cart-confirmation-modal h2{margin-bottom:8px;font-size:24px;font-weight:800}.cart-confirmation-modal p{color:var(--muted);margin-bottom:8px}.cart-order-id{color:var(--orange);font-weight:700;margin-bottom:24px!important}.cart-confirmation-actions{flex-direction:column;gap:12px;display:flex}.cart-track-btn,.cart-home-btn{cursor:pointer;text-align:center;border-radius:12px;width:100%;padding:14px;font-family:Nunito,sans-serif;font-size:15px;font-weight:800;text-decoration:none;transition:all .2s;display:block}.cart-track-btn{background:var(--orange);color:#fff;border:none}.cart-home-btn{color:var(--text);background:#f2f4f8;border:none}.rides-page{flex-direction:column;height:calc(100vh - 140px);display:flex}.rides-map{background:#e8f5e9;border-radius:16px;height:250px;margin-bottom:20px;overflow:hidden}.map-placeholder{width:100%;height:100%;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;font-size:48px;display:flex}.rides-form-card,.rides-status-card{box-shadow:var(--shadow);background:#fff;border-radius:16px;padding:24px}.rides-form-title{margin-bottom:20px;font-size:22px;font-weight:800}.rides-form-group{margin-bottom:20px}.rides-form-group label{margin-bottom:10px;font-size:14px;font-weight:700;display:block}.rides-input,.rides-textarea{border:2px solid #e8e8f0;border-radius:12px;width:100%;padding:14px 16px;font-family:Nunito,sans-serif;font-size:14px;font-weight:600;transition:border-color .2s}.rides-input:focus,.rides-textarea:focus{border-color:var(--teal);outline:none}.rides-textarea{resize:vertical;min-height:70px;margin-top:10px}.rides-fare-display{background:#f2f4f8;border-radius:12px;margin-bottom:20px;padding:16px}.rides-fare-row{justify-content:space-between;padding:8px 0;font-size:14px;font-weight:600;display:flex}.rides-fare-total{color:var(--teal);border-top:2px solid #e8e8f0;margin-top:8px;padding-top:12px;font-size:16px;font-weight:800}.rides-request-btn{background:var(--teal);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:16px;font-family:Nunito,sans-serif;font-size:16px;font-weight:800;transition:all .2s;box-shadow:0 4px 14px #2bbfb34d}.rides-request-btn:hover:not(:disabled){background:var(--teal-dark);transform:translateY(-2px);box-shadow:0 6px 20px #2bbfb366}.rides-request-btn:disabled{opacity:.5;cursor:not-allowed}.rides-assigning{text-align:center;padding:40px 20px}.rides-spinner{border:4px solid #f2f4f8;border-top-color:var(--teal);border-radius:50%;width:60px;height:60px;margin:0 auto 24px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.rides-assigning h2{margin-bottom:8px;font-size:22px;font-weight:800}.rides-assigning p{color:var(--muted);font-weight:600}.rides-driver-assigned{text-align:center}.rides-driver-avatar{background:#f2f4f8;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 16px;font-size:40px;display:flex}.rides-driver-assigned h2{margin-bottom:4px;font-size:22px;font-weight:800}.rides-driver-assigned>p{color:var(--muted);margin-bottom:12px;font-weight:600}.rides-driver-rating{color:var(--orange);background:#fff3e8;border-radius:20px;margin-bottom:24px;padding:6px 14px;font-size:14px;font-weight:800;display:inline-block}.rides-trip-details{text-align:left;background:#f2f4f8;border-radius:12px;margin-bottom:20px;padding:16px}.rides-detail-row{border-bottom:1px solid #e8e8f0;justify-content:space-between;padding:10px 0;font-size:14px;font-weight:600;display:flex}.rides-detail-row:last-child{border-bottom:none}.rides-detail-row span:first-child{color:var(--muted)}.rides-driver-actions{gap:12px;margin-bottom:20px;display:flex}.rides-call-btn,.rides-emergency-btn{border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px;font-family:Nunito,sans-serif;font-size:14px;font-weight:800;text-decoration:none;transition:all .2s;display:flex}.rides-call-btn{background:var(--teal);color:#fff}.rides-emergency-btn{color:#d32f2f;background:#ffebee}.rides-cancel-btn{width:100%;color:var(--text);cursor:pointer;background:#f2f4f8;border:none;border-radius:12px;padding:14px;font-family:Nunito,sans-serif;font-size:15px;font-weight:800;transition:all .2s}.rides-cancel-btn:hover{color:#d32f2f;background:#ffebee}.featured-carousel{cursor:pointer;background:linear-gradient(135deg,#f26b1d,#ff9a3c);border-radius:20px;margin-bottom:24px;padding:32px 28px;transition:transform .2s;position:relative;overflow:hidden}.featured-carousel:hover{transform:translateY(-4px)}.featured-carousel:before{content:"";background:radial-gradient(circle at 80% 20%,#fff3,#0000 60%);position:absolute;inset:0}.featured-dish-icon{text-align:center;margin-bottom:16px;font-size:80px;position:relative}.featured-dish-info{text-align:center;position:relative}.featured-location{color:#ffffffe6;margin-bottom:8px;font-size:12px;font-weight:700}.featured-dish-name{color:#fff;margin-bottom:8px;font-size:24px;font-weight:900}.featured-dish-desc{color:#ffffffe6;margin-bottom:16px;font-size:14px;font-weight:600}.featured-dish-meta{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.featured-restaurant,.featured-price{color:#fff;background:#ffffff40;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:800}.featured-indicators{justify-content:center;gap:8px;margin-top:20px;display:flex;position:relative}.featured-dot{cursor:pointer;background:#fff6;border-radius:50%;width:8px;height:8px;transition:all .2s}.featured-dot.active{background:#fff;border-radius:4px;width:24px}.rest-categories{scrollbar-width:none;gap:10px;margin-bottom:24px;display:flex;overflow-x:auto}.rest-categories::-webkit-scrollbar{display:none}.rest-cat-btn{color:var(--text);cursor:pointer;white-space:nowrap;background:#f2f4f8;border:none;border-radius:20px;padding:10px 20px;font-family:Nunito,sans-serif;font-size:14px;font-weight:700;transition:all .2s}.rest-cat-btn.active{background:var(--orange);color:#fff}.rest-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.rest-grid-card{box-shadow:var(--shadow);color:inherit;background:#fff;border-radius:16px;text-decoration:none;transition:all .2s;position:relative;overflow:hidden}.rest-grid-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.rest-grid-image{background:linear-gradient(135deg,#fff3e8,#fca);justify-content:center;align-items:center;height:160px;font-size:64px;display:flex}.rest-grid-status{text-transform:uppercase;border-radius:20px;padding:6px 12px;font-size:11px;font-weight:800;position:absolute;top:12px;right:12px}.rest-grid-info{padding:16px}.rest-grid-info h3{margin-bottom:8px;font-size:17px;font-weight:800}.rest-grid-rating{color:var(--muted);gap:12px;margin-bottom:6px;font-size:13px;font-weight:600;display:flex}.rest-grid-hours{color:var(--muted);font-size:13px;font-weight:600}@media (min-width:900px){.rides-page{height:auto}.rides-map{height:350px}.rest-grid{grid-template-columns:repeat(3,1fr)}}.rest-detail-header{box-shadow:var(--shadow);background:#fff;border-radius:16px;margin-bottom:20px;padding:20px}.rest-back-btn{cursor:pointer;background:#f2f4f8;border:none;border-radius:10px;margin-bottom:16px;padding:10px 16px;font-family:Nunito,sans-serif;font-size:14px;font-weight:700;transition:background .2s}.rest-back-btn:hover{background:#e8e8f0}.rest-detail-info h1{margin-bottom:10px;font-size:24px;font-weight:900}.rest-detail-meta{color:var(--muted);flex-wrap:wrap;gap:10px;margin-bottom:8px;font-size:14px;font-weight:600;display:flex}.rest-status-open{color:#388e3c;font-weight:800}.rest-detail-hours{color:var(--muted);font-size:13px;font-weight:600}.menu-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.menu-categories-tabs{scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.menu-categories-tabs::-webkit-scrollbar{display:none}.menu-cat-tab{color:var(--text);cursor:pointer;white-space:nowrap;background:#f2f4f8;border:none;border-radius:20px;padding:8px 16px;font-family:Nunito,sans-serif;font-size:13px;font-weight:700;transition:all .2s}.menu-cat-tab.active{background:var(--orange);color:#fff}.menu-sort{align-items:center;gap:8px;display:flex}.menu-sort label{color:var(--muted);font-size:13px;font-weight:700}.sort-select{cursor:pointer;background:#fff;border:2px solid #e8e8f0;border-radius:8px;padding:8px 12px;font-family:Nunito,sans-serif;font-size:13px;font-weight:600}.menu-items-grid{gap:14px;display:grid}.menu-item-card{box-shadow:var(--shadow);cursor:pointer;background:#fff;border-radius:14px;gap:14px;padding:16px;transition:all .2s;display:flex}.menu-item-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.menu-item-icon{flex-shrink:0;font-size:60px}.menu-item-details{flex-direction:column;flex:1;display:flex}.menu-item-header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.menu-item-header h3{font-size:16px;font-weight:800}.menu-item-dot{color:var(--orange);font-size:8px}.menu-item-rating{color:var(--muted);font-size:13px;font-weight:700}.menu-item-desc{color:var(--muted);flex:1;margin-bottom:10px;font-size:13px;font-weight:600}.menu-item-footer{justify-content:space-between;align-items:center;display:flex}.menu-item-price{color:var(--text);font-size:16px;font-weight:800}.menu-add-btn{background:var(--orange);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-family:Nunito,sans-serif;font-size:13px;font-weight:800;transition:all .2s}.menu-add-btn:hover{background:var(--orange-light)}.menu-modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.menu-modal-content{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:400px;padding:32px 28px;position:relative}.menu-modal-close{cursor:pointer;background:#f2f4f8;border:none;border-radius:50%;width:32px;height:32px;font-size:18px;position:absolute;top:16px;right:16px}.menu-modal-icon{margin-bottom:16px;font-size:80px}.menu-modal-name{margin-bottom:8px;font-size:22px;font-weight:800}.menu-modal-desc{color:var(--muted);margin-bottom:12px;font-size:14px;font-weight:600}.menu-modal-rating{color:var(--orange);background:#fff3e8;border-radius:20px;margin-bottom:16px;padding:6px 12px;font-size:13px;font-weight:800;display:inline-block}.menu-modal-price{margin-bottom:20px;font-size:24px;font-weight:900}.menu-modal-qty{justify-content:center;align-items:center;gap:20px;margin-bottom:24px;display:flex}.menu-modal-qty button{cursor:pointer;background:#f2f4f8;border:none;border-radius:50%;width:40px;height:40px;font-size:20px;font-weight:700;transition:background .2s}.menu-modal-qty button:hover{background:#e8e8f0}.menu-modal-qty span{min-width:40px;font-size:20px;font-weight:800}.menu-modal-add-btn{background:var(--orange);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:16px;font-family:Nunito,sans-serif;font-size:16px;font-weight:800;transition:all .2s}.menu-modal-add-btn:hover{background:var(--orange-light);transform:translateY(-2px)}.profile-page{padding:20px}.profile-card{text-align:center;box-shadow:var(--shadow);background:#fff;border-radius:16px;margin-bottom:20px;padding:32px}.profile-avatar-large{background:#f2f4f8;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 16px;font-size:50px;display:flex}.profile-user-name{margin-bottom:6px;font-size:24px;font-weight:900}.profile-user-email{color:var(--muted);margin-bottom:20px;font-weight:600}.profile-edit-btn{background:var(--orange);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:12px 32px;font-family:Nunito,sans-serif;font-size:14px;font-weight:800;transition:all .2s}.profile-edit-btn:hover{background:var(--orange-light);transform:translateY(-2px)}.profile-stats-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.profile-stat-card{text-align:center;box-shadow:var(--shadow);background:#fff;border-radius:14px;padding:20px}.profile-stat-icon{margin-bottom:10px;font-size:32px}.profile-stat-value{margin-bottom:4px;font-size:22px;font-weight:900}.profile-stat-label{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:700}.profile-sidebar-overlay{z-index:2999;background:#00000080;position:fixed;inset:0}.profile-sidebar-drawer{z-index:3000;background:#fff;flex-direction:column;width:80%;max-width:300px;animation:.3s slideInLeft;display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:4px 0 20px #00000026}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.profile-sidebar-header{border-bottom:1px solid #f2f4f8;justify-content:space-between;align-items:center;padding:20px;display:flex}.profile-sidebar-header h2{font-size:20px;font-weight:800}.profile-sidebar-header button{cursor:pointer;background:#f2f4f8;border:none;border-radius:50%;width:32px;height:32px;font-size:18px}.profile-sidebar-nav{flex:1;padding:20px 0;overflow-y:auto}.profile-sidebar-nav a,.profile-sidebar-nav button{color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:14px;width:100%;padding:16px 20px;font-family:Nunito,sans-serif;font-size:15px;font-weight:700;text-decoration:none;transition:background .2s;display:flex}.profile-sidebar-nav a:hover,.profile-sidebar-nav button:hover{background:#f2f4f8}.profile-sidebar-nav span{font-size:20px}.bottom-nav-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:10px 0;font-family:Nunito,sans-serif;font-size:10px;font-weight:700;transition:color .2s;display:flex}.bottom-nav-btn.active{color:var(--orange)}@media (min-width:900px){.menu-items-grid{grid-template-columns:repeat(2,1fr)}.profile-stats-grid{grid-template-columns:repeat(3,1fr);gap:20px}}.footer-col h4{color:var(--text);margin-bottom:14px;font-size:16px;font-weight:800}.footer-col p{color:var(--muted);margin-bottom:8px;font-size:13px;font-weight:600;line-height:1.6}.footer-social{gap:12px;margin-top:14px;display:flex}.footer-social a{background:#f2f4f8;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:0;font-size:18px;transition:all .2s;display:flex}.footer-social a:hover{background:var(--orange);transform:translateY(-2px)}@media (max-width:768px){.home-footer{padding:32px 20px 20px}.footer-grid{grid-template-columns:1fr;gap:24px}}.settings-page{padding:20px}.settings-header{margin-bottom:28px}.settings-header h1{margin-bottom:6px;font-size:28px;font-weight:900}.settings-header p{color:var(--muted);font-size:14px;font-weight:600}.address-list{flex-direction:column;gap:16px;margin-bottom:20px;display:flex}.address-card{box-shadow:var(--shadow);background:#fff;border-radius:16px;padding:20px}.address-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.address-label-group{align-items:center;gap:10px;display:flex}.address-label-group h3{font-size:18px;font-weight:800}.default-badge{background:var(--orange);color:#fff;text-transform:uppercase;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:800}.default-badge-small{background:var(--orange);color:#fff;text-transform:uppercase;border-radius:10px;margin-left:8px;padding:3px 8px;font-size:10px;font-weight:800}.address-actions{gap:8px;display:flex}.address-edit-btn,.address-delete-btn{cursor:pointer;background:#f2f4f8;border:none;border-radius:50%;width:36px;height:36px;font-size:16px;transition:background .2s}.address-edit-btn:hover{background:#e8e8f0}.address-delete-btn:hover{background:#ffebee}.address-details{margin-bottom:14px}.address-details p{color:var(--muted);margin-bottom:6px;font-size:14px;font-weight:600}.address-text{color:var(--text)!important;font-weight:700!important}.set-default-btn{width:100%;color:var(--text);cursor:pointer;background:#f2f4f8;border:none;border-radius:10px;padding:10px;font-family:Nunito,sans-serif;font-size:13px;font-weight:700;transition:all .2s}.set-default-btn:hover{background:var(--orange);color:#fff}.add-address-btn{background:var(--orange);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:16px;font-family:Nunito,sans-serif;font-size:15px;font-weight:800;transition:all .2s;box-shadow:0 4px 14px #f26b1d4d}.add-address-btn:hover{background:var(--orange-light);transform:translateY(-2px);box-shadow:0 6px 20px #f26b1d66}.payment-methods-grid{flex-direction:column;gap:14px;margin-bottom:20px;display:flex}.payment-method-card{cursor:pointer;background:#fff;border:2px solid #e8e8f0;border-radius:14px;align-items:center;gap:16px;padding:18px;transition:all .2s;display:flex}.payment-method-card:hover,.payment-method-card.selected{border-color:var(--orange);background:#fff3eb}.payment-method-icon{flex-shrink:0;font-size:32px}.payment-method-info{flex:1}.payment-method-info h3{margin-bottom:4px;font-size:16px;font-weight:800}.payment-method-info p{color:var(--muted);font-size:13px;font-weight:600}.payment-method-radio{border:2px solid #e8e8f0;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:border-color .2s;display:flex}.payment-method-card.selected .payment-method-radio{border-color:var(--orange)}.radio-dot{background:var(--orange);border-radius:50%;width:12px;height:12px}.contact-grid{gap:16px;margin-bottom:32px;display:grid}.contact-card{box-shadow:var(--shadow);color:inherit;background:#fff;border-radius:16px;flex-direction:column;gap:12px;padding:20px;text-decoration:none;transition:all .2s;display:flex}.contact-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.contact-icon{font-size:48px}.contact-info h3{margin-bottom:4px;font-size:18px;font-weight:800}.contact-info p{color:var(--muted);font-size:14px;font-weight:600}.contact-action-btn{background:var(--orange);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:12px;font-family:Nunito,sans-serif;font-size:14px;font-weight:800;transition:all .2s}.contact-action-btn:hover{background:var(--orange-light)}.contact-info-section{box-shadow:var(--shadow);background:#fff;border-radius:16px;padding:24px}.contact-info-section h2{margin-bottom:20px;font-size:20px;font-weight:800}.contact-details{flex-direction:column;gap:16px;display:flex}.contact-detail-item{background:#f2f4f8;border-radius:12px;gap:14px;padding:14px;display:flex}.contact-detail-icon{font-size:24px}.contact-detail-item h4{margin-bottom:4px;font-size:14px;font-weight:800}.contact-detail-item p{color:var(--muted);font-size:13px;font-weight:600}.faq-list{flex-direction:column;gap:12px;margin-bottom:32px;display:flex}.faq-item{box-shadow:var(--shadow);background:#fff;border-radius:14px;overflow:hidden}.faq-question{text-align:left;cursor:pointer;width:100%;color:var(--text);background:0 0;border:none;justify-content:space-between;align-items:center;padding:18px 20px;font-family:Nunito,sans-serif;font-size:15px;font-weight:700;transition:background .2s;display:flex}.faq-question:hover{background:#f2f4f8}.faq-toggle{color:var(--orange);font-size:24px;font-weight:700}.faq-answer{color:var(--muted);padding:0 20px 20px;font-size:14px;font-weight:600;line-height:1.6;animation:.3s fadeIn}.help-footer{text-align:center;box-shadow:var(--shadow);background:#fff;border-radius:16px;padding:32px}.help-footer h3{margin-bottom:8px;font-size:20px;font-weight:800}.help-footer p{color:var(--muted);margin-bottom:20px;font-size:14px;font-weight:600}.help-contact-btn{background:var(--orange);color:#fff;border-radius:12px;padding:14px 32px;font-weight:800;text-decoration:none;transition:all .2s;display:inline-block}.help-contact-btn:hover{background:var(--orange-light);transform:translateY(-2px)}.settings-section{box-shadow:var(--shadow);background:#fff;border-radius:16px;margin-bottom:20px;padding:24px}.settings-section-title{margin-bottom:20px;font-size:18px;font-weight:800}.settings-toggle-list{flex-direction:column;gap:16px;display:flex}.settings-toggle-item{border-bottom:1px solid #f2f4f8;justify-content:space-between;align-items:center;padding:14px 0;display:flex}.settings-toggle-item:last-child{border-bottom:none}.settings-toggle-item h4{margin-bottom:4px;font-size:15px;font-weight:700}.settings-toggle-item p{color:var(--muted);font-size:13px;font-weight:600}.toggle-switch{flex-shrink:0;width:52px;height:28px;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background:#e8e8f0;border-radius:28px;transition:background .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .3s;position:absolute;bottom:4px;left:4px}.toggle-switch input:checked+.toggle-slider{background:var(--orange)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.password-form{flex-direction:column;gap:16px;display:flex}.change-password-btn{background:var(--orange);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:14px;font-family:Nunito,sans-serif;font-size:15px;font-weight:800;transition:all .2s}.change-password-btn:hover{background:var(--orange-light);transform:translateY(-2px)}.delete-account-section{text-align:center}.delete-account-section p{color:var(--muted);margin-bottom:20px;font-size:14px;font-weight:600}.delete-account-btn{color:#d32f2f;cursor:pointer;background:#ffebee;border:2px solid #d32f2f;border-radius:12px;padding:14px 32px;font-family:Nunito,sans-serif;font-size:15px;font-weight:800;transition:all .2s}.delete-account-btn:hover{color:#fff;background:#d32f2f}.modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:#fff;border-radius:20px;width:100%;max-width:500px;box-shadow:0 20px 60px #0000004d}.modal-header{border-bottom:1px solid #f2f4f8;justify-content:space-between;align-items:center;padding:24px 24px 16px;display:flex}.modal-header h2{font-size:20px;font-weight:800}.modal-header button{cursor:pointer;background:#f2f4f8;border:none;border-radius:50%;width:32px;height:32px;font-size:18px;transition:background .2s}.modal-header button:hover{background:#e8e8f0}.modal-body{padding:24px}.form-field{margin-bottom:16px}.form-field label{margin-bottom:8px;font-size:13px;font-weight:700;display:block}.form-field input,.form-field textarea{border:2px solid #e8e8f0;border-radius:10px;width:100%;padding:12px 14px;font-family:Nunito,sans-serif;font-size:14px;font-weight:600;transition:border-color .2s}.form-field input:focus,.form-field textarea:focus{border-color:var(--orange);outline:none}.form-field textarea{resize:vertical;min-height:80px}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.modal-save-btn{background:var(--orange);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:14px;font-family:Nunito,sans-serif;font-size:15px;font-weight:800;transition:all .2s}.modal-save-btn:hover{background:var(--orange-light);transform:translateY(-2px)}.modal-cancel-btn,.modal-delete-btn{cursor:pointer;border:none;border-radius:12px;flex:1;padding:14px;font-family:Nunito,sans-serif;font-size:15px;font-weight:800;transition:all .2s}.modal-cancel-btn{color:var(--text);background:#f2f4f8}.modal-cancel-btn:hover{background:#e8e8f0}.modal-delete-btn{color:#fff;background:#d32f2f}.modal-delete-btn:hover{background:#b71c1c}@media (min-width:900px){.settings-page{padding:0}.contact-grid{grid-template-columns:repeat(2,1fr)}}.onboarding-page{background:linear-gradient(135deg,#f26b1d 0%,#ff9a3c 100%);flex-direction:column;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.onboarding-page:before{content:"";background:radial-gradient(circle at 80% 20%,#ffffff26,#0000 60%);position:absolute;inset:0}.onboarding-header{z-index:1;align-items:center;gap:10px;padding:20px 0;display:flex;position:relative}.onboarding-header .logo-text{color:#fff;font-size:20px;font-weight:900}.onboarding-content{text-align:center;z-index:1;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 0;display:flex;position:relative}.onboarding-illustration{margin-bottom:40px}.onboarding-emoji{font-size:120px;line-height:1;animation:3s ease-in-out infinite float}.onboarding-text{margin-bottom:40px}.onboarding-text h1{color:#fff;margin-bottom:16px;font-size:28px;font-weight:900;line-height:1.3}.onboarding-text p{color:#fffffff2;max-width:320px;margin:0 auto;font-size:16px;font-weight:600;line-height:1.6}.onboarding-dots{justify-content:center;gap:8px;display:flex}.onboarding-dot{background:#fff6;border-radius:50%;width:8px;height:8px;transition:all .3s}.onboarding-dot.active{background:#fff;border-radius:4px;width:24px}.onboarding-actions{z-index:1;flex-direction:column;gap:12px;width:100%;display:flex;position:relative}.onboarding-btn-primary,.onboarding-btn-secondary{cursor:pointer;border:none;border-radius:12px;width:100%;padding:16px;font-family:Nunito,sans-serif;font-size:16px;font-weight:800;transition:all .2s}.onboarding-btn-primary{color:var(--orange);background:#fff;box-shadow:0 4px 14px #00000026}.onboarding-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}.onboarding-btn-secondary{color:#fff;background:#fff3;border:2px solid #fff6}.onboarding-btn-secondary:hover{background:#ffffff4d}.onboarding-btn-text{color:#fff;cursor:pointer;background:0 0;border:none;width:100%;padding:14px;font-family:Nunito,sans-serif;font-size:15px;font-weight:700;transition:opacity .2s}.onboarding-btn-text:hover{opacity:.8}.landing-page{background:#fff;flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.landing-bg{z-index:0;background:url(https://images.unsplash.com/photo-1556761175-b413da4baf72?w=1600&q=80) 50%/cover;position:absolute;inset:0}.landing-overlay{z-index:0;background:linear-gradient(#0000004d 0%,#0006 50%,#00000080 100%);position:absolute;inset:0}.landing-header-orange{z-index:1;background:linear-gradient(135deg,var(--orange),#ff8c42);justify-content:space-between;align-items:center;padding:20px 40px;display:flex;position:relative;box-shadow:0 4px 20px #00000026}.landing-logo{align-items:center;gap:10px;display:flex}.landing-logo .logo-icon{color:var(--orange);background:#fff}.landing-logo .logo-text{color:#fff;font-size:24px;font-weight:900}.landing-header-actions{align-items:center;gap:20px;display:flex}.language-selector{position:relative}.language-btn-orange{color:#fff;cursor:pointer;background:#fff3;border:2px solid #ffffff4d;border-radius:8px;padding:10px 16px;font-family:Nunito,sans-serif;font-size:14px;font-weight:700;transition:all .2s}.language-btn-orange:hover{background:#ffffff4d;border-color:#ffffff80}.language-dropdown{z-index:10;background:#fff;border-radius:12px;min-width:150px;position:absolute;top:50px;right:0;overflow:hidden;box-shadow:0 10px 40px #0003}.language-dropdown button{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:12px 16px;font-family:Nunito,sans-serif;font-size:14px;font-weight:600;transition:background .2s}.language-dropdown button:hover{background:#f2f4f8}.language-dropdown button.active{color:var(--orange);background:#fff3eb;font-weight:800}.landing-signin-btn-white{color:var(--orange);background:#fff;border-radius:10px;padding:12px 28px;font-size:15px;font-weight:800;text-decoration:none;transition:all .2s;box-shadow:0 4px 14px #0003}.landing-signin-btn-white:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.landing-content{z-index:1;flex:1;justify-content:center;align-items:center;padding:80px 40px;display:flex;position:relative}.landing-text-overlay{text-align:center;max-width:700px}.landing-hero-title-overlay{color:#fff;text-shadow:0 4px 20px #0000004d;margin-bottom:20px;font-size:56px;font-weight:900;line-height:1.2}.landing-hero-subtitle-overlay{color:#fff;text-shadow:0 2px 10px #0000004d;margin-bottom:40px;font-size:20px;font-weight:600;line-height:1.6}.landing-get-started{margin-bottom:16px}.landing-input-box{background:#fffffff2;border-radius:14px;gap:12px;max-width:500px;margin:0 auto;padding:6px;display:flex;box-shadow:0 10px 40px #0000004d}.landing-input-overlay{color:var(--text);background:0 0;border:none;border-radius:10px;flex:1;padding:16px 20px;font-family:Nunito,sans-serif;font-size:16px;font-weight:600;transition:all .2s}.landing-input-overlay:focus{background:#f2f4f8;outline:none}.landing-input-overlay.error{background:#ffebee}.landing-input-overlay::placeholder{color:var(--muted)}.landing-submit-btn-overlay{background:var(--orange);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;padding:16px 28px;font-family:Nunito,sans-serif;font-size:16px;font-weight:800;transition:all .2s;box-shadow:0 4px 14px #f26b1d4d}.landing-submit-btn-overlay:hover:not(:disabled){background:var(--orange-light);transform:translateY(-2px);box-shadow:0 6px 20px #f26b1d66}.landing-submit-btn-overlay:disabled{opacity:.5;cursor:not-allowed}.landing-error-message{color:#fff;text-align:center;background:#d32f2fe6;border-radius:8px;margin-top:12px;padding:10px 16px;font-size:14px;font-weight:700;box-shadow:0 4px 14px #0003}.landing-signin-text-overlay{color:#fff;text-shadow:0 2px 10px #0000004d;font-size:15px;font-weight:600}.landing-signin-text-overlay a{color:#fff;font-weight:800;text-decoration:underline;transition:opacity .2s}.landing-signin-text-overlay a:hover{opacity:.8}.landing-features{background:linear-gradient(135deg,var(--orange),#ff8c42);z-index:1;grid-template-columns:repeat(4,1fr);gap:32px;padding:50px 40px;display:grid;position:relative}.landing-feature{text-align:center}.landing-feature-icon{margin-bottom:16px;font-size:48px}.landing-feature h3{color:#fff;margin-bottom:8px;font-size:18px;font-weight:800}.landing-feature p{color:#fffffff2;font-size:14px;font-weight:600}.landing-footer{background:var(--orange);z-index:1;justify-content:space-between;align-items:center;padding:24px 40px;display:flex;position:relative}.landing-footer p{color:#fff;font-size:14px;font-weight:600}.landing-footer-links{gap:24px;display:flex}.landing-footer-links a{color:#fff;font-size:14px;font-weight:600;text-decoration:none;transition:opacity .2s}.landing-footer-links a:hover{opacity:.8;text-decoration:underline}@media (max-width:900px){.landing-hero-title-overlay{font-size:36px}.landing-hero-subtitle-overlay{font-size:16px}.landing-input-box{flex-direction:column;padding:8px}.landing-submit-btn-overlay{width:100%}.landing-features{grid-template-columns:repeat(2,1fr);gap:24px;padding:40px 20px}.landing-footer{text-align:center;flex-direction:column;gap:16px}.landing-header-orange{padding:16px 20px}.landing-content{padding:40px 20px}}.home-footer{background:#fff;border-radius:20px 20px 0 0;margin-top:40px;padding:40px 32px 24px;box-shadow:0 -4px 20px #0000000d}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px;margin-bottom:32px;display:grid}.footer-col h3{color:var(--text);margin-bottom:16px;font-size:16px;font-weight:800}.footer-col a{color:var(--muted);margin-bottom:10px;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s;display:block}.footer-col a:hover{color:var(--orange)}.footer-col p{color:var(--muted);margin-bottom:8px;font-size:14px;font-weight:600}.footer-social{flex-direction:column;gap:10px;display:flex}.footer-bottom{text-align:center;border-top:1px solid #f2f4f8;padding-top:24px}.footer-bottom p{color:var(--muted);font-size:13px;font-weight:600}@media (max-width:899px){.home-footer{border-radius:0;padding:32px 20px 20px}.footer-grid{grid-template-columns:1fr;gap:24px}}.landing-header-white{z-index:1;background:#fff;justify-content:space-between;align-items:center;padding:20px 40px;display:flex;position:relative;box-shadow:0 2px 10px #0000000d}.landing-top-nav{gap:32px;display:flex}.landing-top-nav a{color:var(--text);font-size:15px;font-weight:700;text-decoration:none;transition:color .2s}.landing-top-nav a:hover{color:var(--orange)}.landing-signin-btn-orange{background:var(--orange);color:#fff;border-radius:10px;padding:12px 28px;font-size:15px;font-weight:800;text-decoration:none;transition:all .2s;box-shadow:0 4px 14px #f26b1d4d}.landing-signin-btn-orange:hover{background:var(--orange-light);transform:translateY(-2px)}.language-btn-white{color:var(--text);cursor:pointer;background:#f2f4f8;border:2px solid #e8e8f0;border-radius:8px;padding:10px 16px;font-family:Nunito,sans-serif;font-size:14px;font-weight:700;transition:all .2s}.language-btn-white:hover{border-color:var(--orange)}.landing-qr-section{z-index:1;background:#fff;padding:60px 40px;position:relative}.landing-qr-content{grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1200px;margin:0 auto;display:grid}.landing-qr-left h2{margin-bottom:16px;font-size:32px;font-weight:900}.landing-qr-left p{color:var(--muted);margin-bottom:32px;font-size:18px;font-weight:600;line-height:1.6}.landing-app-features{flex-direction:column;gap:12px;display:flex}.landing-app-feature{color:var(--text);font-size:16px;font-weight:700}.landing-qr-right{flex-direction:column;align-items:center;display:flex}.landing-qr-code{background:#f2f4f8;border-radius:16px;margin-bottom:20px;padding:20px}.qr-placeholder{justify-content:center;align-items:center;display:flex}.landing-qr-code p{text-align:center;color:var(--muted);margin-top:12px;font-size:14px;font-weight:700}.kinnectx-page{padding:20px}.kinnectx-hero{text-align:center;background:linear-gradient(135deg,var(--orange),#ff8c42);border-radius:20px;margin-bottom:32px;padding:40px 20px}.kinnectx-hero h1{color:#fff;margin-bottom:8px;font-size:32px;font-weight:900}.kinnectx-hero p{color:#fffffff2;font-size:16px;font-weight:600}.kinnectx-qr-section{grid-template-columns:1fr 2fr;gap:40px;margin-bottom:40px;display:grid}.kinnectx-qr-left{flex-direction:column;align-items:center;gap:20px;display:flex}.kinnectx-qr-code{background:#f2f4f8;border-radius:16px;padding:20px}.kinnectx-qr-caption{text-align:center;color:var(--muted);margin-top:12px;font-size:14px;font-weight:700}.kinnectx-badges{flex-wrap:wrap;gap:12px;display:flex}.app-badge{cursor:pointer;background:#fff;border:2px solid #e8e8f0;border-radius:12px;align-items:center;gap:12px;padding:12px 20px;transition:all .2s;display:flex}.app-badge:hover{border-color:var(--orange);transform:translateY(-2px)}.app-badge span{font-size:32px}.app-badge small{color:var(--muted);font-size:10px;font-weight:600;display:block}.app-badge strong{font-size:14px;font-weight:800;display:block}.kinnectx-qr-right h2{margin-bottom:12px;font-size:24px;font-weight:900}.kinnectx-subtitle{color:var(--muted);margin-bottom:24px;font-size:16px;font-weight:600;line-height:1.6}.kinnectx-features{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.kinnectx-feature-card{box-shadow:var(--shadow);background:#fff;border-radius:16px;padding:24px;transition:all .2s}.kinnectx-feature-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.kinnectx-feature-icon{margin-bottom:16px;font-size:48px}.kinnectx-feature-card h3{margin-bottom:8px;font-size:18px;font-weight:800}.kinnectx-feature-card p{color:var(--muted);font-size:14px;font-weight:600;line-height:1.6}.kinnectx-how-it-works{background:#fff;border-radius:20px;margin-bottom:32px;padding:40px}.kinnectx-how-it-works h2{text-align:center;margin-bottom:8px;font-size:24px;font-weight:900}.kinnectx-how-it-works>p{text-align:center;color:var(--muted);margin-bottom:32px;font-weight:600}.kinnectx-steps{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.kinnectx-step{text-align:center}.step-number{background:var(--orange);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 16px;font-size:24px;font-weight:900;display:flex}.kinnectx-step h4{margin-bottom:8px;font-size:16px;font-weight:800}.kinnectx-step p{color:var(--muted);font-size:13px;font-weight:600}.kinnectx-video-section{text-align:center;background:#fff;border-radius:20px;padding:40px}.kinnectx-video-section h2{margin-bottom:24px;font-size:24px;font-weight:900}.kinnectx-video-placeholder{background:#f2f4f8;border-radius:16px;padding:80px;position:relative}.video-play-btn{background:var(--orange);color:#fff;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 16px;font-size:36px;transition:all .2s;display:flex}.video-play-btn:hover{transform:scale(1.1)}.help-centre-page{padding:20px}.help-centre-hero{text-align:center;background:linear-gradient(135deg,var(--orange),#ff8c42);border-radius:20px;margin-bottom:32px;padding:40px 20px}.help-centre-hero h1{color:#fff;margin-bottom:20px;font-size:28px;font-weight:900}.help-search-bar{max-width:500px;margin:0 auto;position:relative}.help-search-icon{font-size:20px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.help-search-bar input{border:none;border-radius:12px;width:100%;padding:16px 16px 16px 50px;font-family:Nunito,sans-serif;font-size:16px;font-weight:600}.help-topics-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:32px;display:grid}.help-topic-card{box-shadow:var(--shadow);color:inherit;background:#fff;border-radius:16px;padding:24px;text-decoration:none;transition:all .2s}.help-topic-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.help-topic-icon{margin-bottom:16px;font-size:48px}.help-topic-card h3{margin-bottom:8px;font-size:18px;font-weight:800}.help-topic-card p{color:var(--muted);font-size:14px;font-weight:600}.help-quick-actions{margin-bottom:32px}.help-quick-actions h2{margin-bottom:16px;font-size:20px;font-weight:800}.help-actions-grid{gap:12px;display:grid}.help-action-btn{box-shadow:var(--shadow);color:inherit;background:#fff;border-radius:12px;align-items:center;gap:16px;padding:16px;text-decoration:none;transition:all .2s;display:flex}.help-action-btn:hover{transform:translate(4px)}.help-action-btn span{font-size:32px}.help-action-btn h4{margin-bottom:4px;font-size:16px;font-weight:800}.help-action-btn p{color:var(--muted);font-size:13px;font-weight:600}.help-contact-banner{background:linear-gradient(135deg,var(--orange),#ff8c42);text-align:center;color:#fff;border-radius:20px;padding:32px}.help-contact-banner h2{margin-bottom:8px;font-size:24px;font-weight:900}.help-contact-banner>p{opacity:.95;margin-bottom:24px;font-size:16px}.help-contact-methods{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.help-contact-method{color:#fff;background:#fff3;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:20px;text-decoration:none;transition:all .2s;display:flex}.help-contact-method:hover{background:#ffffff4d;transform:translateY(-2px)}.help-contact-method span{font-size:32px}.help-contact-method strong{font-size:16px;font-weight:800}.help-contact-method small{opacity:.9;font-size:13px}.partner-hub-page,.partner-detail-page{padding:20px}.partner-hero{text-align:center;background:linear-gradient(135deg,var(--orange),#ff8c42);border-radius:20px;margin-bottom:32px;padding:40px 20px}.partner-hero h1{color:#fff;margin-bottom:8px;font-size:32px;font-weight:900}.partner-hero p{color:#fffffff2;font-size:16px;font-weight:600}.partner-options-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:40px;display:grid}.partner-option-card{color:inherit;box-shadow:var(--shadow);border-radius:16px;text-decoration:none;transition:all .2s;position:relative;overflow:hidden}.partner-option-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.partner-card-image{background-position:50%;background-size:cover;height:200px;position:relative}.partner-card-overlay{background:linear-gradient(#0000004d,#000000b3);position:absolute;inset:0}.partner-card-content{background:#fff;padding:20px}.partner-card-icon{margin-bottom:12px;font-size:48px}.partner-option-card h3{margin-bottom:8px;font-size:18px;font-weight:800}.partner-card-description{color:var(--text);margin-bottom:4px;font-size:14px;font-weight:700}.partner-card-details{color:var(--muted);margin-bottom:12px;font-size:13px;font-weight:600}.partner-card-arrow{color:var(--orange);font-size:24px;font-weight:700}.partner-why-section{background:#fff;border-radius:20px;padding:40px}.partner-why-section h2{text-align:center;margin-bottom:32px;font-size:24px;font-weight:900}.partner-benefits-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.partner-benefit{text-align:center}.partner-benefit-icon{margin-bottom:16px;font-size:48px}.partner-benefit h4{margin-bottom:8px;font-size:16px;font-weight:800}.partner-benefit p{color:var(--muted);font-size:13px;font-weight:600}.partner-detail-hero{background-position:50%;background-size:cover;border-radius:20px;height:300px;margin-bottom:32px;position:relative;overflow:hidden}.partner-detail-overlay{background:linear-gradient(#0006,#000000b3);position:absolute;inset:0}.partner-detail-hero-content{z-index:1;text-align:center;color:#fff;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:40px;display:flex;position:relative}.partner-detail-icon{margin-bottom:16px;font-size:64px}.partner-detail-hero h1{margin-bottom:8px;font-size:36px;font-weight:900}.partner-detail-hero p{font-size:18px;font-weight:600}.partner-detail-content{max-width:800px;margin:0 auto}.partner-detail-section{background:#fff;border-radius:16px;margin-bottom:20px;padding:32px}.partner-detail-section h2{margin-bottom:16px;font-size:24px;font-weight:900}.partner-detail-section>p{color:var(--muted);font-size:16px;font-weight:600;line-height:1.7}.partner-benefits-list{flex-direction:column;gap:16px;display:flex}.partner-benefit-item{align-items:flex-start;gap:16px;display:flex}.partner-benefit-check{background:var(--orange);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;font-weight:900;display:flex}.partner-benefit-item h4{margin-bottom:4px;font-size:16px;font-weight:800}.partner-benefit-item p{color:var(--muted);font-size:14px;font-weight:600}.partner-requirements-list{padding:0;list-style:none}.partner-requirements-list li{border-bottom:1px solid #f2f4f8;padding:12px 0 12px 24px;font-size:15px;font-weight:600;position:relative}.partner-requirements-list li:before{content:"•";color:var(--orange);font-size:24px;font-weight:900;position:absolute;left:0}.partner-requirements-list li:last-child{border-bottom:none}.services-needed-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.service-needed-item{text-align:center;background:#f2f4f8;border-radius:10px;padding:16px;font-size:14px;font-weight:700}.partner-cta-section{background:linear-gradient(135deg,var(--orange),#ff8c42);text-align:center;color:#fff;border-radius:16px;padding:40px}.partner-cta-section h2{margin-bottom:24px;font-size:28px;font-weight:900}.partner-cta-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.partner-signup-btn,.partner-download-btn{cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:16px 32px;font-family:Nunito,sans-serif;font-size:16px;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex}.partner-signup-btn{color:var(--orange);background:#fff;border:none}.partner-signup-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}.partner-download-btn{color:#fff;background:#fff3;border:2px solid #fff6}.partner-download-btn:hover{background:#ffffff4d}.confirm-order-page,.payment-page,.cancel-order-page,.review-order-page{padding:20px}.checkout-section{box-shadow:var(--shadow);background:#fff;border-radius:16px;margin-bottom:16px;padding:20px}.checkout-section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.checkout-section-header h2{font-size:18px;font-weight:800}.checkout-edit-btn{color:var(--text);cursor:pointer;background:#f2f4f8;border:none;border-radius:8px;padding:8px 16px;font-family:Nunito,sans-serif;font-size:13px;font-weight:700;transition:all .2s}.checkout-edit-btn:hover{background:#e8e8f0}.checkout-address-display{background:#f2f4f8;border-radius:12px;padding:16px}.checkout-address-street{margin-bottom:8px;font-size:15px;font-weight:700}.checkout-address-area,.checkout-address-phone{color:var(--muted);margin-bottom:4px;font-size:14px;font-weight:600}.checkout-address-edit{flex-direction:column;gap:12px;display:flex}.checkout-input{border:2px solid #e8e8f0;border-radius:10px;padding:12px 16px;font-family:Nunito,sans-serif;font-size:14px;font-weight:600;transition:border-color .2s}.checkout-input:focus{border-color:var(--orange);outline:none}.checkout-save-btn{background:var(--orange);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:12px;font-family:Nunito,sans-serif;font-weight:800;transition:all .2s}.checkout-save-btn:hover{background:var(--orange-light)}.checkout-empty{text-align:center;padding:40px 20px}.checkout-empty p{color:var(--muted);margin-bottom:16px;font-size:16px;font-weight:600}.checkout-browse-btn{background:var(--orange);color:#fff;border-radius:10px;padding:12px 24px;font-weight:800;text-decoration:none;transition:all .2s;display:inline-block}.checkout-browse-btn:hover{background:var(--orange-light)}.checkout-items-list{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.checkout-item{background:#f2f4f8;border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.checkout-item-image{flex-shrink:0;font-size:48px}.checkout-item-details{flex:1}.checkout-item-details h4{margin-bottom:4px;font-size:15px;font-weight:800}.checkout-item-price{color:var(--muted);font-size:14px;font-weight:700}.checkout-item-controls{flex-direction:column;align-items:center;gap:8px;display:flex}.checkout-quantity-controls{align-items:center;gap:8px;display:flex}.checkout-quantity-controls button{cursor:pointer;background:#fff;border:2px solid #e8e8f0;border-radius:50%;width:28px;height:28px;font-size:16px;font-weight:700;transition:all .2s}.checkout-quantity-controls button:hover{border-color:var(--orange);color:var(--orange)}.checkout-quantity-controls span{text-align:center;min-width:24px;font-size:15px;font-weight:800}.checkout-remove-btn{cursor:pointer;opacity:.6;background:0 0;border:none;font-size:18px;transition:opacity .2s}.checkout-remove-btn:hover{opacity:1}.checkout-add-more-btn{text-align:center;color:var(--orange);background:#f2f4f8;border-radius:10px;padding:12px;font-weight:800;text-decoration:none;transition:all .2s;display:block}.checkout-add-more-btn:hover{background:#fff3eb}.checkout-totals{border-top:2px solid #f2f4f8;padding-top:16px}.checkout-total-row{color:var(--muted);justify-content:space-between;padding:8px 0;font-size:15px;font-weight:600;display:flex}.checkout-total-final{color:var(--text);border-top:2px solid #e8e8f0;margin-top:8px;padding-top:12px;font-size:18px}.checkout-place-order-btn{background:var(--orange);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:18px;font-family:Nunito,sans-serif;font-size:17px;font-weight:800;transition:all .2s;box-shadow:0 4px 14px #f26b1d4d}.checkout-place-order-btn:hover:not(:disabled){background:var(--orange-light);transform:translateY(-2px);box-shadow:0 6px 20px #f26b1d66}.checkout-place-order-btn:disabled{opacity:.5;cursor:not-allowed}.payment-methods-list,.delivery-time-options{flex-direction:column;gap:12px;display:flex}.payment-method-option,.delivery-time-option{cursor:pointer;background:#f2f4f8;border:2px solid #f2f4f8;border-radius:12px;align-items:center;gap:16px;padding:16px;transition:all .2s;display:flex}.payment-method-option.selected,.delivery-time-option.selected{border-color:var(--orange);background:#fff3eb}.payment-method-radio,.delivery-time-radio{border:2px solid #e8e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.payment-method-option.selected .payment-method-radio,.delivery-time-option.selected .delivery-time-radio{border-color:var(--orange)}.payment-method-info h4,.delivery-time-option h4{margin-bottom:2px;font-size:15px;font-weight:800}.payment-method-info p,.delivery-time-option p{color:var(--muted);font-size:13px;font-weight:600}.order-confirmed-page,.cancel-confirmed-page,.review-submitted-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:70vh;padding:60px 20px;display:flex}.order-confirmed-icon,.cancel-confirmed-icon,.review-submitted-icon{background:linear-gradient(135deg,#4caf50,#66bb6a);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:24px;display:flex}.cancel-confirmed-icon{background:linear-gradient(135deg,var(--orange),#ff8c42)}.success-checkmark{color:#fff;font-size:56px;font-weight:900}.order-confirmed-title{margin-bottom:8px;font-size:28px;font-weight:900}.order-confirmed-subtitle{color:var(--muted);margin-bottom:32px;font-size:16px;font-weight:600}.order-confirmed-details{box-shadow:var(--shadow);background:#fff;border-radius:16px;width:100%;max-width:400px;margin-bottom:32px;padding:24px}.order-confirmed-detail-row{border-bottom:1px solid #f2f4f8;justify-content:space-between;padding:12px 0;display:flex}.order-confirmed-detail-row:last-child{border-bottom:none}.detail-label{color:var(--muted);font-size:14px;font-weight:700}.detail-value{font-size:14px;font-weight:800}.order-confirmed-actions{flex-direction:column;gap:12px;width:100%;max-width:400px;display:flex}.order-confirmed-btn-primary,.cancel-contact-btn{background:var(--orange);color:#fff;text-align:center;border-radius:12px;padding:16px 32px;font-weight:800;text-decoration:none;transition:all .2s}.order-confirmed-btn-primary:hover,.cancel-contact-btn:hover{background:var(--orange-light);transform:translateY(-2px)}.order-confirmed-btn-secondary,.cancel-home-btn{color:var(--text);text-align:center;background:#f2f4f8;border-radius:12px;padding:16px 32px;font-weight:800;text-decoration:none;transition:all .2s}.order-confirmed-btn-secondary:hover,.cancel-home-btn:hover{background:#e8e8f0}.cancel-order-header{text-align:center;margin-bottom:32px}.cancel-order-header h2{margin-bottom:8px;font-size:22px;font-weight:900}.cancel-order-header p{color:var(--muted);font-size:15px;font-weight:600}.cancel-reasons-list{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.cancel-reason-option{cursor:pointer;background:#f2f4f8;border:2px solid #f2f4f8;border-radius:12px;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}.cancel-reason-option.selected{border-color:var(--orange);background:#fff3eb}.cancel-reason-radio{border:2px solid #e8e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.cancel-reason-option.selected .cancel-reason-radio{border-color:var(--orange)}.cancel-reason-option span{font-size:15px;font-weight:700}.cancel-other-reason{margin-bottom:16px}.cancel-reason-textarea{resize:vertical;border:2px solid #e8e8f0;border-radius:12px;width:100%;padding:16px;font-family:Nunito,sans-serif;font-size:15px;font-weight:600}.cancel-reason-textarea:focus{border-color:var(--orange);outline:none}.cancel-submit-btn{color:#fff;cursor:pointer;background:#d32f2f;border:none;border-radius:12px;width:100%;padding:18px;font-family:Nunito,sans-serif;font-size:17px;font-weight:800;transition:all .2s}.cancel-submit-btn:hover{background:#b71c1c}.cancel-support-section{margin-top:24px}.cancel-support-section p{color:var(--muted);margin-bottom:20px;font-size:14px;font-weight:600}.review-order-header{text-align:center;margin-bottom:32px}.review-order-dish{margin-bottom:16px;font-size:80px}.review-order-header h2{margin-bottom:8px;font-size:22px;font-weight:900}.review-order-header p{color:var(--muted);font-size:15px;font-weight:600}.review-rating-section,.review-comment-section{box-shadow:var(--shadow);background:#fff;border-radius:16px;margin-bottom:20px;padding:24px}.review-rating-section h3,.review-comment-section h3{margin-bottom:16px;font-size:16px;font-weight:800}.review-stars{justify-content:center;gap:12px;display:flex}.review-star{color:#e8e8f0;cursor:pointer;background:0 0;border:none;font-size:48px;transition:all .2s}.review-star.active{color:#ffb800}.review-star:hover{transform:scale(1.1)}.review-comment-textarea{resize:vertical;border:2px solid #e8e8f0;border-radius:12px;width:100%;padding:16px;font-family:Nunito,sans-serif;font-size:15px;font-weight:600}.review-comment-textarea:focus{border-color:var(--orange);outline:none}.review-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.review-cancel-btn,.review-submit-btn{cursor:pointer;border:none;border-radius:12px;padding:16px;font-family:Nunito,sans-serif;font-size:16px;font-weight:800;transition:all .2s}.review-cancel-btn{color:var(--text);background:#f2f4f8}.review-cancel-btn:hover{background:#e8e8f0}.review-submit-btn{background:var(--orange);color:#fff}.review-submit-btn:hover{background:var(--orange-light);transform:translateY(-2px)}@media (max-width:900px){.landing-qr-content{grid-template-columns:1fr;gap:40px}.kinnectx-qr-section,.kinnectx-features,.kinnectx-steps,.help-topics-grid,.help-contact-methods,.partner-options-grid{grid-template-columns:1fr}.partner-benefits-grid,.services-needed-grid{grid-template-columns:repeat(2,1fr)}.partner-cta-buttons{flex-direction:column}}.auth-page{background:linear-gradient(135deg,#f26b1d 0%,#ff9a3c 50%,#ffbe6a 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative}.auth-page:before{content:"";background:radial-gradient(circle at 78% 25%,#ffffff2e 0%,#0000 50%),radial-gradient(circle at 15% 85%,#ff8c0040 0%,#0000 50%);position:absolute;inset:0}.auth-container{z-index:1;background:#fff;border-radius:20px;width:100%;max-width:450px;padding:40px;position:relative;box-shadow:0 10px 40px #0000001a}.auth-logo{justify-content:center;align-items:center;gap:12px;margin-bottom:32px;display:flex}.auth-tabs{background:#f2f4f8;border-radius:12px;margin-bottom:32px;padding:4px;display:flex}.auth-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:12px;font-family:Nunito,sans-serif;font-size:15px;font-weight:800;transition:all .2s}.auth-tabs button.active{color:var(--orange);background:#fff;box-shadow:0 2px 8px #00000014}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-form h2{margin-bottom:8px;font-size:24px;font-weight:900}.auth-form p{color:var(--muted);margin-bottom:8px;font-size:14px;font-weight:600}.auth-form input{border:2px solid #e8e8f0;border-radius:10px;padding:14px 16px;font-family:Nunito,sans-serif;font-size:15px;font-weight:600;transition:border-color .2s}.auth-form input:focus{border-color:var(--orange);outline:none}.forgot-password{text-align:right;color:var(--orange);font-size:13px;font-weight:700;text-decoration:none;transition:opacity .2s}.forgot-password:hover{opacity:.8}.auth-btn{cursor:pointer;background:var(--orange);color:#fff;border:none;border-radius:12px;padding:16px;font-family:Nunito,sans-serif;font-size:16px;font-weight:800;transition:all .2s;box-shadow:0 4px 14px #f26b1d4d}.auth-btn:hover{background:var(--orange-light);transform:translateY(-2px);box-shadow:0 6px 20px #f26b1d66}.auth-btn-phone{cursor:pointer;color:var(--text);background:#f2f4f8;border:none;border-radius:12px;padding:16px;font-family:Nunito,sans-serif;font-size:16px;font-weight:800;transition:all .2s}.auth-btn-phone:hover{background:#e8e8f0}.auth-divider{text-align:center;color:var(--muted);margin:8px 0;font-size:13px;font-weight:700;position:relative}.auth-divider:before,.auth-divider:after{content:"";background:#e8e8f0;width:40%;height:1px;position:absolute;top:50%}.auth-divider:before{left:0}.auth-divider:after{right:0}.back-btn{color:var(--text);cursor:pointer;background:0 0;border:none;margin-bottom:16px;padding:8px 0;font-family:Nunito,sans-serif;font-size:14px;font-weight:700;transition:color .2s}.back-btn:hover{color:var(--orange)}.otp-sent{text-align:center;color:var(--muted);margin-bottom:8px;font-size:14px;font-weight:600}.resend-btn{color:var(--orange);cursor:pointer;background:0 0;border:none;padding:8px;font-family:Nunito,sans-serif;font-size:14px;font-weight:700;transition:opacity .2s}.resend-btn:hover{opacity:.8}.location-step{text-align:center}.location-icon{margin-bottom:24px;font-size:80px}.skip-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:12px;font-family:Nunito,sans-serif;font-size:14px;font-weight:700;transition:color .2s}.skip-btn:hover{color:var(--text)}.auth-social-btn{cursor:pointer;color:var(--text);background:#fff;border:2px solid #e8e8f0;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:14px 16px;font-family:Nunito,sans-serif;font-size:15px;font-weight:700;transition:all .2s;display:flex}.auth-social-btn:hover{border-color:var(--orange);background:#fff3eb}.auth-social-btn span{font-size:20px}.auth-social-btn.google:hover{background:#f0f7ff;border-color:#4285f4}.auth-social-btn.apple:hover{background:#f5f5f5;border-color:#000}.verify-icon{text-align:center;margin-bottom:8px;font-size:48px}.otp-input{letter-spacing:.35em;text-align:center;border:2px solid #e8e8f0;border-radius:14px;width:100%;padding:18px 16px;font-family:Nunito,sans-serif;font-size:28px;font-weight:800;transition:border-color .2s}.otp-input:focus{border-color:var(--orange);outline:none;box-shadow:0 0 0 3px #f26b1d1f}.otp-input::placeholder{letter-spacing:.2em;color:#c8c8d8}.verify-error{color:#d32f2f;text-align:center;background:#fff3f3;border:1px solid #ffcdd2;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:700}.loc-prompt{left:0;right:0;bottom:calc(64px + env(safe-area-inset-bottom,0px));z-index:150;border-top:3px solid var(--orange);background:#fff;align-items:center;gap:12px;padding:14px 16px;animation:.3s loc-slide-up;display:flex;position:fixed;box-shadow:0 -4px 24px #0000001a}@keyframes loc-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.loc-prompt-icon{flex-shrink:0;font-size:28px}.loc-prompt-body{flex:1;min-width:0}.loc-prompt-title{color:var(--text);margin:0 0 2px;font-size:14px;font-weight:800}.loc-prompt-desc{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;font-weight:600;overflow:hidden}.loc-prompt-actions{flex-direction:column;flex-shrink:0;gap:6px;display:flex}.loc-prompt-btn-allow{background:var(--orange);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;padding:8px 14px;font-family:Nunito,sans-serif;font-size:13px;font-weight:800;transition:background .2s}.loc-prompt-btn-allow:hover:not(:disabled){background:var(--orange-light)}.loc-prompt-btn-allow:disabled{opacity:.6;cursor:default}.loc-prompt-btn-dismiss{color:var(--muted);cursor:pointer;white-space:nowrap;background:#f2f4f8;border:none;border-radius:10px;padding:8px 14px;font-family:Nunito,sans-serif;font-size:13px;font-weight:700;transition:background .2s}.loc-prompt-btn-dismiss:hover:not(:disabled){color:var(--text);background:#e8e8f0}@media (min-width:900px){.loc-prompt{border-top:none;border-left:4px solid var(--orange);border-radius:16px;width:340px;bottom:24px;left:auto;right:24px;box-shadow:0 8px 32px #00000024}}:root{--driver-teal:#0d9488;--driver-teal-light:#ccfbf1;--driver-teal-dark:#0f766e;--driver-online:#22c55e;--driver-offline:#94a3b8}.driver-auth-page .logo-icon.driver-logo-color{background:var(--driver-teal)}.driver-badge-text{background:var(--driver-teal);color:#fff;vertical-align:middle;border-radius:4px;margin-left:4px;padding:1px 6px;font-size:.7em}.driver-auth-btn{background:var(--driver-teal)!important}.driver-auth-btn:hover{background:var(--driver-teal-dark)!important}.driver-login-footer{text-align:center;color:#64748b;margin-top:8px;font-size:.85rem}.driver-login-link{color:var(--driver-teal);font-weight:600;text-decoration:none}.driver-login-link:hover{text-decoration:underline}.auth-subtitle{color:#64748b;text-align:center;margin:-8px 0 12px;font-size:.9rem}.driver-shell{background:#f8fafc;flex-direction:column;min-height:100vh;display:flex}.driver-header{z-index:100;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:12px;height:56px;padding:0 16px;display:flex;position:sticky;top:0}.driver-header-left{align-items:center;gap:8px;display:flex}.driver-header-right{align-items:center;gap:10px;display:flex}.driver-logo{align-items:center;gap:8px;display:flex}.driver-logo-icon{background:var(--driver-teal);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;font-weight:800;display:flex}.driver-logo-text{color:#1e293b;font-size:.95rem;font-weight:700}.driver-availability-toggle{cursor:pointer;border:2px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.driver-availability-toggle.online{border-color:var(--driver-online);color:#15803d;background:#dcfce7}.driver-availability-toggle.offline{border-color:var(--driver-offline);color:#475569;background:#f1f5f9}.driver-availability-toggle:disabled{opacity:.6;cursor:not-allowed}.toggle-dot{border-radius:50%;width:8px;height:8px}.driver-availability-toggle.online .toggle-dot{background:var(--driver-online)}.driver-availability-toggle.offline .toggle-dot{background:var(--driver-offline)}.driver-menu-btn{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;transition:background .15s;display:flex}.driver-menu-btn:hover{background:#f1f5f9}.driver-menu-overlay{z-index:200;background:#0006;justify-content:flex-end;display:flex;position:fixed;inset:0}.driver-menu{background:#fff;flex-direction:column;gap:20px;width:280px;max-width:85vw;height:100%;padding:24px 20px;animation:.22s slide-in-right;display:flex;overflow-y:auto}@keyframes slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}.driver-menu-profile{border-bottom:1px solid #e2e8f0;align-items:center;gap:12px;padding-bottom:20px;display:flex}.driver-avatar{background:var(--driver-teal);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;font-weight:700;display:flex}.driver-menu-name{color:#1e293b;margin:0;font-size:.95rem;font-weight:700}.driver-menu-status{margin:2px 0 0;font-size:.78rem;font-weight:600}.driver-menu-status.online{color:var(--driver-online)}.driver-menu-status.offline{color:var(--driver-offline)}.driver-menu-links{flex-direction:column;flex:1;gap:4px;margin:0;padding:0;list-style:none;display:flex}.driver-menu-links a{color:#334155;border-radius:8px;padding:10px 12px;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .15s;display:block}.driver-menu-links a:hover{background:var(--driver-teal-light);color:var(--driver-teal-dark)}.driver-logout-btn{color:#dc2626;cursor:pointer;background:#fff;border:1.5px solid #fca5a5;border-radius:10px;width:100%;margin-top:auto;padding:12px;font-size:.9rem;font-weight:600;transition:background .15s}.driver-logout-btn:hover{background:#fee2e2}.driver-main{flex:1;width:100%;max-width:640px;margin:0 auto;padding:16px}.driver-dashboard{flex-direction:column;gap:16px;display:flex}.driver-status-banner{border-radius:10px;align-items:center;gap:8px;padding:12px 16px;font-size:.85rem;font-weight:600;display:flex}.driver-status-banner.online{color:#15803d;background:#dcfce7}.driver-status-banner.offline{color:#475569;background:#f1f5f9}.status-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.driver-status-banner.online .status-dot{background:var(--driver-online)}.driver-status-banner.offline .status-dot{background:var(--driver-offline)}.driver-welcome-card{background:#fff;border-radius:14px;align-items:center;gap:14px;padding:18px;display:flex;box-shadow:0 1px 4px #0000000f}.driver-avatar-lg{background:var(--driver-teal);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.5rem;font-weight:700;display:flex}.driver-welcome-name{color:#1e293b;margin:0;font-size:1.1rem;font-weight:700}.driver-welcome-sub{color:#64748b;margin:2px 0 0;font-size:.8rem}.driver-stats-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.driver-stat-card{text-align:center;background:#fff;border-radius:12px;padding:14px 10px;box-shadow:0 1px 4px #0000000f}.driver-stat-icon{margin-bottom:6px;font-size:1.3rem;display:block}.driver-stat-value{color:#1e293b;margin:0;font-size:1.05rem;font-weight:700}.driver-stat-label{color:#64748b;margin:2px 0 0;font-size:.7rem}.driver-section{background:#fff;border-radius:14px;padding:18px;box-shadow:0 1px 4px #0000000f}.driver-section-title{color:#1e293b;border-bottom:1px solid #f1f5f9;margin:0 0 14px;padding-bottom:10px;font-size:.9rem;font-weight:700}.driver-profile-card,.driver-vehicle-card{flex-direction:column;gap:0;display:flex}.driver-profile-row{border-bottom:1px solid #f8fafc;justify-content:space-between;align-items:center;padding:10px 0;font-size:.85rem;display:flex}.driver-profile-row:last-of-type{border-bottom:none}.driver-profile-label{color:#64748b}.driver-profile-value{color:#1e293b;font-weight:600}.driver-role-badge{background:var(--driver-teal-light);color:var(--driver-teal-dark);border-radius:999px;padding:2px 10px;font-size:.78rem}.text-online{color:var(--driver-online)!important}.text-offline{color:var(--driver-offline)!important}.driver-placeholder{font-style:italic;color:#cbd5e1!important}.driver-edit-btn{border:1.5px solid var(--driver-teal);width:100%;color:var(--driver-teal);cursor:pointer;background:#fff;border-radius:8px;margin-top:14px;padding:10px;font-size:.85rem;font-weight:600;transition:background .15s}.driver-edit-btn:hover{background:var(--driver-teal-light)}.driver-empty-state{color:#94a3b8;text-align:center;flex-direction:column;align-items:center;gap:8px;padding:24px 0 8px;font-size:.85rem;display:flex}.driver-empty-icon{font-size:2rem}@media (min-width:640px){.driver-main{padding:24px}.driver-stats-grid{gap:14px}.driver-stat-card{padding:18px 14px}}.public-page-header{z-index:100;background:var(--card);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:60px;padding:0 24px;display:flex;position:sticky;top:0}.public-header-logo{color:var(--fg);align-items:center;gap:8px;font-size:1.1rem;font-weight:700;text-decoration:none;display:flex}.public-header-actions{align-items:center;gap:12px;display:flex}.public-header-back{color:var(--muted);font-size:.9rem;text-decoration:none}.public-header-back:hover{color:var(--fg)}.public-header-signin{background:var(--accent);color:#fff;border-radius:8px;padding:8px 18px;font-size:.9rem;font-weight:600;text-decoration:none}.public-header-signin:hover{opacity:.9}.public-page-content{max-width:860px;margin:0 auto;padding:24px 16px 60px}.checkout-page-header{background:var(--accent,#ff6b00);border-radius:0 0 18px 18px;justify-content:space-between;align-items:center;height:56px;margin:-16px -16px 24px;padding:0 16px;display:flex;box-shadow:0 4px 12px #ff6b0040}.checkout-page-header h1{color:#fff;letter-spacing:.3px;margin:0;font-size:1.1rem;font-weight:800}.checkout-back-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.3rem;transition:background .2s;display:flex}.checkout-back-btn:hover{background:#ffffff59}.checkout-header-spacer{width:36px}.cart-item-image{background:#f2f4f8;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;margin-right:12px;font-size:2rem;display:flex}.rest-cart-btn{background:var(--accent,#ff6b00);color:#fff;cursor:pointer;border:none;border-radius:10px;margin-bottom:16px;padding:10px 18px;font-size:14px;font-weight:700;transition:opacity .2s}.rest-cart-btn:hover{opacity:.88}.tracking-steps{flex-direction:column;gap:0;margin-bottom:20px;display:flex;position:relative}.tracking-steps:before{content:"";z-index:0;background:#e8e8f0;width:2px;position:absolute;top:12px;bottom:12px;left:10px}.tracking-step{z-index:1;align-items:flex-start;gap:16px;padding:10px 0;display:flex;position:relative}.tracking-dot{background:#fff;border:2px solid #cbd5e1;border-radius:50%;flex-shrink:0;width:22px;height:22px;margin-top:2px;transition:all .2s}.tracking-step.completed .tracking-dot{background:#22c55e;border-color:#22c55e}.tracking-step.completed .tracking-dot:after{content:"✓";color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:12px;font-weight:800;display:flex}.tracking-step.active .tracking-dot{background:var(--accent,#ff6b00);border-color:var(--accent,#ff6b00);box-shadow:0 0 0 4px #ff6b0026}.tracking-info h4{color:var(--fg);margin:0 0 2px;font-size:14px;font-weight:700}.tracking-step.completed .tracking-info h4{color:#22c55e}.tracking-step.active .tracking-info h4{color:var(--accent,#ff6b00)}.tracking-info p{color:var(--muted);margin:0;font-size:12px}.tracking-eta{text-align:center;color:var(--muted);background:#f8f9fa;border-radius:10px;margin-top:4px;padding:12px;font-size:14px}.tracking-eta strong{color:var(--accent,#ff6b00)}