@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";.navbar{padding:10px;margin-top:30px;display:flex;justify-content:space-between;align-items:center;background-color:#794637;border-radius:20px}.navbar .logo{width:150px}.navbar-menu{display:flex;list-style:none;gap:20px;color:#fff;font-size:18px}.navbar-menu a{color:#fff;text-decoration:none;transition:color .3s}.navbar-menu .active{padding-bottom:2px;border-bottom:2px solid #ffffff}.navbar-right{display:flex;align-items:center;gap:40px}.navbar button{background:transparent;font-size:16px;color:#000;border:solid 1px tomato;padding:10px 30px;border-radius:50px;cursor:pointer;transition:.3s}.navbar button:hover{background-color:#fff4f2}.cart-icon{position:relative;font-size:20px;color:#fff}.cart-badge{position:absolute;top:-5px;right:-10px;background:red;color:#fff;font-size:12px;padding:2px 6px;border-radius:50%}.navbar-profile{position:relative;cursor:pointer}.profile-img{width:45px;height:45px;border-radius:50%;object-fit:cover;border:2px solid #fff;transition:transform .2s ease}.nav-profile-dropdown{position:absolute;top:55px;right:0;background-color:#fff;box-shadow:0 4px 20px #0000001f;border-radius:10px;padding:10px 0;width:180px;display:flex;flex-direction:column;z-index:1000}.nav-profile-dropdown li{padding:10px 20px;font-size:14px;color:#333;display:flex;align-items:center;gap:10px;cursor:pointer;transition:background .2s ease}.nav-profile-dropdown li:hover{background-color:#f4f4f4}.nav-profile-dropdown hr{margin:5px 0;border:none;border-top:1px solid #eee}@media (max-width: 1050px){.navbar .logo{width:140px}.navbar-menu{gap:18px;font-size:17px}.navbar-right{gap:30px}.navbar button{padding:8px 25px}}@media (max-width: 900px){.navbar .logo{width:120px}.navbar-menu{gap:15px;font-size:16px}.navbar-right{gap:20px}.navbar button{padding:7px 20px;font-size:15px}}@media (max-width: 750px){.navbar-menu,.navbar-right{display:none}}.nav-profile-dropdown{opacity:0;transform:translateY(-10px);pointer-events:none;transition:all .3s ease}.nav-profile-dropdown.active{opacity:1;transform:translateY(0);pointer-events:auto}.navbar-toggle{display:none;flex-direction:column;cursor:pointer;gap:4px}.navbar-toggle .bar{width:25px;height:3px;background-color:#fff;border-radius:3px}@media (max-width: 750px){.navbar-toggle{display:flex;flex-direction:column;cursor:pointer;gap:5px;z-index:1001}.navbar-toggle .bar{width:25px;height:3px;background-color:#fff;border-radius:2px;transition:all .3s ease}.navbar-menu,.navbar-right{display:none;position:absolute;top:70px;left:0;right:0;background-color:#794637;flex-direction:column;align-items:center;gap:20px;padding:20px 0;z-index:999;border-radius:0 0 15px 15px}.navbar-menu-slide{position:fixed;top:0;left:-250px;width:150px;height:100vh;background-color:#794637;display:flex;flex-direction:column;padding-top:80px;padding-left:20px;gap:20px;font-size:18px;transition:left .3s ease;z-index:1000}.navbar-right-slide{position:fixed;top:250px;left:-200px;width:150px;height:100vh;background-color:#794637;display:flex;flex-direction:column;gap:20px;font-size:18px;transition:left .3s ease;z-index:1000}.nav-profile-dropdown.active{position:fixed;top:390px;left:20px;opacity:1;transform:translateY(0);pointer-events:auto}.navbar-menu-slide a{color:#fff;text-decoration:none}.navbar-menu-slide.open,.navbar-right-slide.open{left:0}.navbar-menu.open,.navbar-right.open{display:flex}.navbar-right{gap:15px}.navbar{flex-wrap:wrap}}body.react-confirm-alert-body-element{overflow:hidden}.react-confirm-alert-blur{filter:url(#gaussian-blur);filter:blur(2px);-webkit-filter:blur(2px)}.react-confirm-alert-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99;background:#ffffffe6;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;-ms-align-items:center;align-items:center;opacity:0;-webkit-animation:react-confirm-alert-fadeIn .5s .2s forwards;-moz-animation:react-confirm-alert-fadeIn .5s .2s forwards;-o-animation:react-confirm-alert-fadeIn .5s .2s forwards;animation:react-confirm-alert-fadeIn .5s .2s forwards}.react-confirm-alert-body{font-family:Arial,Helvetica,sans-serif;width:400px;padding:30px;text-align:left;background:#fff;border-radius:10px;box-shadow:0 20px 75px #00000021;color:#666}.react-confirm-alert-svg{position:absolute;top:0;left:0}.react-confirm-alert-body>h1{margin-top:0}.react-confirm-alert-body>h3{margin:0;font-size:16px}.react-confirm-alert-button-group{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:flex-start;margin-top:20px}.react-confirm-alert-button-group>button{outline:none;background:#333;border:none;display:inline-block;padding:6px 18px;color:#eee;margin-right:10px;border-radius:5px;font-size:12px;cursor:pointer}@-webkit-keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}@-moz-keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}@-o-keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}.cart{margin:100px auto 80px;padding:20px;max-width:1200px;animation:fadeIn .6s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cart-items-title{display:grid;grid-template-columns:1fr 1.5fr 1fr 1fr 1fr .5fr;align-items:center;color:#888;font-size:max(1vw,13px);font-weight:600;padding:12px 0;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 5px #0000000d;transition:background-color .3s,color .3s}.cart-item-item{margin:12px 0;color:#333;background-color:#fff;padding:10px 0;border-radius:8px;box-shadow:0 1px 4px #0000000d;transition:background-color .3s}.cart-item-item img{width:45px;border-radius:6px}.cart hr{height:1px;background-color:#e2e2e2;border:none}.cart-item-item .cross{cursor:pointer;color:tomato;font-size:18px;font-weight:700;transition:.3s ease}.cart-item-item .cross:hover{color:red;transform:scale(1.1)}.cart-botton{margin-top:40px;display:flex;justify-content:space-between;gap:max(12vw,30px);flex-wrap:wrap}.cart-total,.cart-promocode{flex:1;background-color:#fefefe;padding:25px;border-radius:12px;box-shadow:0 3px 8px #0000001a;transition:background-color .3s ease}.cart-toatl-details{display:flex;justify-content:space-between;color:#444;font-weight:500}.cart-total hr{margin:10px 0}.cart-total button{border:none;color:#fff;background-color:tomato;width:max(15vw,200px);padding:14px 0;border-radius:6px;font-weight:600;font-size:16px;cursor:pointer;transition:.3s ease}.cart-total button:hover{background-color:#ff4b2b}.cart-total button.disabled-btn{background-color:#ccc;cursor:not-allowed}.cart-promocode p{color:#555;margin-bottom:8px;font-weight:500}.cart-promocode-input{margin-top:12px;display:flex;gap:10px;align-items:center;background-color:#eaeaea;border-radius:6px;padding:5px}.cart-promocode-input input{background:transparent;border:none;outline:none;padding-left:10px;height:35px;flex:1;font-size:15px;color:#222}.cart-promocode-input button{padding:10px 16px;background-color:#000;border:none;color:#fff;border-radius:6px;font-weight:500;font-size:14px;cursor:pointer;transition:.3s ease}.cart-promocode-input button:hover{background-color:#222}.empty-cart-message{text-align:center;padding:50px 0;font-size:20px;font-weight:500;color:#999}@media (max-width: 750px){.cart-botton{flex-direction:column-reverse;gap:20px}.cart-promocode,.cart-total{width:100%}}.place-order{display:flex;align-items:start;justify-content:space-between;gap:50px;margin-top:100px}.place-order-left{width:100%;max-width:max(30%,500px)}.place-order-left .title{font-size:30px;font-weight:600;margin-bottom:50px}.place-order-left input{margin-bottom:15px;width:100%;padding:10px;border:1px solid #c5c5c5;border-radius:4px;outline-color:tomato}.place-order-left .mult-fuilds{display:flex;gap:10px}.place-order-right{width:100%;max-width:max(40%,500px)}.place-order .cart-total button{margin-top:30px}.payment-method{display:flex;flex-direction:column;margin-top:10px}.payment-method label{margin-bottom:5px;font-weight:500}.header{height:34vw;margin:30px auto;background:url(/assets/home-bfj89swL.png) no-repeat;background-size:contain;position:relative}.header-contents{position:absolute;display:flex;flex-direction:column;align-items:start;gap:1.5VW;max-width:50%;bottom:10%;left:6VW;animation:fedeIn 3s}.header-contents H2{font-weight:500;color:#000;font-size:max(2.5vw,12px);padding-top:50px}.header-contents p{color:#000;font-size:1vw}.header-contents button{border:none;color:#fff;font-weight:500;padding:1vw 2.3vw;background-color:#794637;font-size:max(1vw,13px);border-radius:50px;cursor:pointer}@media (max-width: 1050px){.header-contents{max-width:45%}}@media (max-width: 750px){.header-contents{max-width:65%}.header-contents p{display:none}.header-contents H2{font-size:max(3.5vw,10px)}.header-contents button{padding:2vw 4vw}}.Explore-Menu{display:flex;flex-direction:column;gap:20px}.Explore-Menu h1{color:#262626;font-weight:500}.explore-menu-text{max-width:60%;color:gray}.explore-menu-list{display:flex;justify-content:center;align-items:center;gap:29px;text-align:center;margin:19px 0;overflow-x:scroll;object-fit:cover}.explore-menu-list::-webkit-scrollbar{display:none}.explore-menu-list-item img{width:80px;min-width:80px;height:80px;cursor:pointer;transition:.2s}.explore-menu-list-item p{margin-top:10px;color:#747474;font-size:max(1.4vw,16px);cursor:pointer}.Explore-Menu hr{margin:10px 0;background-color:#000;height:2px;border:none}.explore-menu-list-item .active{border:4px solid tomato;padding:2px}@media (min-width: 1050px){.explore-menu-text{max-width:100%;font-size:14PX}}.food-disply{margin-top:30px}.food-disply h2{font-size:max(2vw.24px);font-weight:600}.food-disply-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,2fr));margin-top:30px;gap:20px;row-gap:50px}.food-disply hr{margin:40px 50px 50px;background-color:#000;height:2px;border:none}.food-item{width:100%;max-width:300px;margin:auto;border-radius:20px;box-shadow:0 6px 15px #0000001a;transition:transform .3s ease,box-shadow .3s ease;overflow:hidden;background-color:#fefefe}.food-item:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000026}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.food-itemimg-contaner{position:relative}.food-item-image{width:100%;height:250px;object-fit:cover;border-radius:20px 20px 0 0}.food-itemimg-contaner .add{width:45px;position:absolute;bottom:15px;right:15px;cursor:pointer;border-radius:50%;background-color:#fff}.food-item-info{padding:15px;background-color:#fff;border-radius:0 0 10px 10px}.food-item-name-rating{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.food-item-name-rating p{font-size:18px;font-weight:700;color:#333;margin:0}.food-item-name-rating img{width:70px}.food-item-discription{font-size:13px;color:#676767;margin-bottom:10px}.food-item-price{color:#888;font-size:20px;font-weight:600;margin-top:5px}.food-item-restaurant{font-size:15px;color:tomato;font-style:italic;margin-left:50%}.App-download{margin:100px auto;font-size:max(3vw,20px);text-align:center;font-weight:500}.appdownload-platforms{display:flex;justify-content:center;gap:max(2vw,10px);margin-top:40px}.appdownload-platforms img{width:max(30vw,120px);max-width:180px;transition:.5s;cursor:pointer}.appdownload-platforms img:hover{transform:scale(1.05)}.footer{color:#fff;background-color:#794637;display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px 8vw;padding-top:80px;margin-top:100px}.footer-content{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:80px}.footer-content-left,.footer-content-right,.footer-content-centor{display:flex;flex-direction:column;align-items:start;gap:20px;color:#fff}.footer-content-left li,.footer-content-right li,.footer-content-centor li{list-style:none;margin-bottom:10px;cursor:pointer;color:#fff}.footer-content-right h2,.footer-content-centor h2{color:#fff}.footer-social-icons img{width:40px!important;margin-right:15px}.footer hr{width:100%;height:2px;margin:20px 0;background-color:gray;border:none}@media (max-width: 750px){.footer-content{display:flex;flex-direction:column;gap:35px}.footer-copyright{text-align:center}}.login-popup{position:absolute;z-index:1;width:100%;height:100%;background-color:#00000090;display:grid}.log-popup-container{place-self:center;width:max(23vw,330px);color:gray;background-color:#fff;display:flex;flex-direction:column;gap:25px;padding:25px 30px;border-radius:8px;font-size:14px;animation:fadeIn .5s}.login-popup-title{display:flex;justify-content:space-between;align-items:center;color:#000}.login-popup-title img{width:16px;cursor:pointer}.login-popup-input{display:flex;flex-direction:column;gap:20px}.login-popup-input input{outline:none;border:1px solid #c9c9c9;padding:10px;border-radius:5px}.log-popup-container button{border:none;padding:10px;border-radius:4px;color:#fff;background-color:tomato;font-size:15px;cursor:pointer}.login-popup-condition{display:flex;align-items:start;gap:8px;margin-top:-15px}.login-popup-condition input{margin-top:5px}.login-popup p span{color:tomato;font-weight:500;cursor:pointer}.verify{min-width:60vh;display:grid}.verify .spinner{width:100px;height:100px;place-self:center;border:5px solid #bdbdbd;border-top-color:tomato;border-radius:50%;animation:rotate 1s infinite}@keyframes rotate{to{transform:rotate(360deg)}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;color:#333}.orders-page,.order-detail-page,.track-page,.invoice-page{min-height:100vh;background-color:#f9fafb;padding:1rem}.container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.header-card{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;padding:1.5rem}.header-content{display:flex;flex-direction:column;gap:1rem}@media (min-width: 768px){.header-content{flex-direction:row;align-items:center;justify-content:space-between}}.page-title{font-size:1.875rem;font-weight:700;color:#111827}.page-subtitle{color:#6b7280;margin-top:.25rem}.orders-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.card-header{padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.card-title{font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.card-content{padding:1.5rem}.orders-list{display:flex;flex-direction:column;gap:1rem}.order-item{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid #e5e7eb;border-radius:.5rem;cursor:pointer;transition:all .2s ease;background-color:#fff}.order-item:hover{background-color:#f9fafb;box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.avatar{width:3rem;height:3rem;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1rem}.order-info{flex:1;display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.order-info{grid-template-columns:repeat(5,1fr);align-items:center}}.order-id{font-weight:600;color:#111827;font-size:.95rem}.customer-name{font-size:.875rem;color:#6b7280}.order-date{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.status-paid{background-color:#dcfce7;color:#166534;border:1px solid #bbf7d0}.status-unpaid{background-color:#fee2e2;color:#b91c1c;border:1px solid #fecaca}.status-pending{background-color:#fef3c7;color:#92400e;border:1px solid #fde68a}.status-unknown{background-color:#f3f4f6;color:#4b5563;border:1px solid #e5e7eb}.order-total{text-align:center}.total-amount{font-weight:600;color:#111827;font-size:1rem}.items-count{font-size:.75rem;color:#6b7280}.order-delivery{display:flex;align-items:center;justify-content:space-between}.delivery-date{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#6b7280}.view-button{background:none;border:none;cursor:pointer;color:#6b7280;padding:.25rem;border-radius:.25rem;transition:all .2s ease}.view-button:hover{background-color:#f3f4f6;color:#111827}.spinner-container{text-align:center;padding:3rem 0}.spinner{width:2.5rem;height:2.5rem;border:3px solid #f3f3f3;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:3rem 0}.empty-icon{width:3rem;height:3rem;color:#d1d5db;margin:0 auto 1rem}.empty-state p{color:#6b7280;font-size:1rem}.back-button-container{padding:1rem;background-color:#fff;border-radius:.5rem;border:1px solid #e5e7eb}.back-button{display:flex;align-items:center;gap:.5rem;background:none;border:none;padding:.5rem;border-radius:.375rem;cursor:pointer;font-size:.875rem;color:#4b5563;transition:all .2s ease}.back-button:hover{background-color:#f3f4f6;color:#111827}.detail-header{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;padding:1rem}.customer-info{display:flex;align-items:center;gap:1rem}.order-title{font-size:1.5rem;font-weight:700;color:#111827}.order-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.amount-container{text-align:right}.amount-label{font-size:.875rem;color:#6b7280}.detail-layout{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 1024px){.detail-layout{grid-template-columns:2fr 1fr}}.main-content{display:flex;flex-direction:column;gap:1.5rem}.sidebar{display:flex;flex-direction:column;gap:1rem}.detail-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.items-list{display:flex;flex-direction:column;gap:1rem}.item-card{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb}.item-image{width:4rem;height:4rem;object-fit:cover;border-radius:.5rem;border:2px solid white;box-shadow:0 1px 3px #0000001a}.item-details{flex:1}.item-name{font-weight:600;color:#111827;margin-bottom:.25rem}.item-variant{font-size:.875rem;color:#6b7280;margin-bottom:.5rem}.item-meta{display:flex;align-items:center;gap:1rem}.quantity-badge{font-size:.875rem;background-color:#fff;padding:.25rem .5rem;border-radius:.25rem;border:1px solid #e5e7eb}.item-price{font-size:1.125rem;font-weight:700;color:#111827}.payment-summary{display:flex;flex-direction:column;gap:.75rem}.payment-row{display:flex;justify-content:space-between;font-size:.875rem}.divider{border:none;border-top:1px solid #e5e7eb;margin:.5rem 0}.payment-row.total{font-weight:700;font-size:1rem}.customer-details{display:flex;flex-direction:column;gap:.5rem}.customer-name-detail{font-weight:600;color:#111827}.customer-phone{font-size:.875rem;color:#6b7280}.shipping-address{font-size:.875rem;color:#4b5563}.payment-details{display:flex;flex-direction:column;gap:.75rem}.payment-status-row{display:flex;justify-content:space-between;align-items:center}.status-badge-small{padding:.125rem .375rem;border-radius:9999px;font-size:.75rem;font-weight:500}.payment-amount-row{display:flex;justify-content:space-between;font-size:.875rem}.amount-paid{font-weight:600}.order-date{font-size:.875rem;color:#4b5563}.actions-list{display:flex;flex-direction:column;gap:.75rem}.action-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;border:none;width:100%;justify-content:flex-start;transition:all .2s ease}.action-button.primary{background-color:#3b82f6;color:#fff}.action-button.primary:hover{background-color:#2563eb}.action-button.secondary{background-color:#fff;color:#4b5563;border:1px solid #d1d5db}.action-button.secondary:hover{background-color:#f3f4f6}.track-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:.75rem;padding:2rem;color:#fff}.track-header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.track-title{font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.track-subtitle{font-size:1rem;opacity:.9}.track-date{font-size:.875rem;opacity:.8}.progress-circle{position:relative;width:80px;height:80px}.progress-ring{transform:rotate(-90deg)}.progress-ring-fill{transition:stroke-dashoffset .5s ease-in-out}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1rem;font-weight:600}.track-timeline-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.tracking-timeline{display:flex;flex-direction:column;gap:1.5rem}.timeline-step{display:flex;gap:1rem;position:relative}.timeline-step:not(:last-child):after{content:"";position:absolute;left:1.5rem;top:3rem;width:2px;height:1.5rem;background-color:#e5e7eb}.timeline-step.completed:not(:last-child):after{background-color:#10b981}.timeline-icon{width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.timeline-step.completed .timeline-icon{background-color:#10b981;color:#fff}.timeline-step.pending .timeline-icon{background-color:#f3f4f6;color:#6b7280}.timeline-icon svg{width:1.25rem;height:1.25rem}.timeline-content{flex:1;padding-top:.25rem}.timeline-title{font-weight:600;color:#111827;margin-bottom:.25rem}.timeline-step.pending .timeline-title{color:#6b7280}.timeline-description{font-size:.875rem;color:#6b7280;margin-bottom:.25rem}.timeline-date{font-size:.75rem;color:#9ca3af}.delivery-info-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.delivery-address{display:flex;flex-direction:column;gap:.5rem}.address-name{font-weight:600;color:#111827}.address-street{color:#4b5563}.address-phone{font-size:.875rem;color:#6b7280}.invoice-page{background-color:#f3f4f6}.invoice-container{max-width:800px;margin:0 auto}.print-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem;background-color:#fff;border-radius:.5rem;border:1px solid #e5e7eb}.print-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:#3b82f6;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.print-button:hover{background-color:#2563eb}.invoice-content{background-color:#fff;padding:2rem;border-radius:.5rem;box-shadow:0 4px 6px #0000001a}.invoice-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.company-name{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:.5rem}.company-address,.company-contact{font-size:.875rem;color:#6b7280;margin-bottom:.25rem}.invoice-title{font-size:2rem;font-weight:700;color:#111827;margin-bottom:.5rem}.invoice-number,.invoice-date{font-size:.875rem;color:#6b7280;margin-bottom:.25rem}.bill-to-section{margin-bottom:2rem}.section-title{font-size:1rem;font-weight:600;color:#111827;margin-bottom:.5rem}.customer-details p{margin-bottom:.25rem;color:#4b5563}.items-section{margin-bottom:2rem}.items-table{width:100%;border-collapse:collapse;margin-bottom:1rem}.items-table th{background-color:#f9fafb;padding:.75rem;text-align:left;font-weight:600;color:#111827;border-bottom:1px solid #e5e7eb}.items-table td{padding:.75rem;border-bottom:1px solid #f3f4f6}.item-name{font-weight:500;color:#111827}.item-qty,.item-price,.item-total{text-align:right;color:#4b5563}.totals-section{display:flex;justify-content:flex-end;margin-bottom:2rem}.totals-table{min-width:250px}.total-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #f3f4f6}.final-total{font-weight:700;font-size:1.125rem;border-top:2px solid #e5e7eb;border-bottom:none;padding-top:.75rem}.total-label{color:#4b5563}.total-value{color:#111827;font-weight:500}.payment-status-section{margin-bottom:2rem}.payment-status{padding:1rem;border-radius:.375rem;text-align:center}.payment-status.paid{background-color:#dcfce7;color:#166534;border:1px solid #bbf7d0}.payment-status.unpaid{background-color:#fee2e2;color:#b91c1c;border:1px solid #fecaca}.payment-status.pending{background-color:#fef3c7;color:#92400e;border:1px solid #fde68a}.invoice-footer{text-align:center;padding-top:2rem;border-top:1px solid #e5e7eb;color:#6b7280;font-size:.875rem}.invoice-footer p{margin-bottom:.5rem}.icon-small{width:1rem;height:1rem}.icon-tiny{width:.75rem;height:.75rem}.blue-icon{color:#3b82f6}.green-icon{color:#10b981}.purple-icon{color:#8b5cf6}@media print{.print-controls{display:none}.invoice-page{background-color:#fff;padding:0}.invoice-container{max-width:none;margin:0}.invoice-content{box-shadow:none;border-radius:0;padding:1rem}}@media (max-width: 768px){.orders-page,.order-detail-page,.track-page,.invoice-page{padding:.5rem}.container{gap:1rem}.header-card,.detail-header,.track-header{padding:1rem}.page-title,.track-title{font-size:1.5rem}.order-item{flex-direction:column;align-items:flex-start;gap:.75rem}.order-info{width:100%;grid-template-columns:1fr;gap:.5rem}.order-delivery{width:100%}.item-card{flex-direction:column;align-items:flex-start;text-align:left}.item-meta{width:100%;justify-content:space-between}.customer-info{flex-direction:column;align-items:flex-start;gap:.75rem}.order-meta{width:100%;justify-content:space-between}.track-header-content{flex-direction:column;text-align:center}.timeline-step{flex-direction:column;align-items:flex-start;gap:.5rem}.timeline-step:not(:last-child):after{left:1.5rem;top:4rem;height:2rem}.invoice-header{flex-direction:column;gap:1rem}.invoice-title{font-size:1.5rem}.items-table{font-size:.875rem}.items-table th,.items-table td{padding:.5rem .25rem}.totals-section{justify-content:center}.print-controls{flex-direction:column;gap:1rem}}.driver-info-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;margin-bottom:1.5rem}.driver-info{display:flex;align-items:center;gap:1.5rem}.driver-photo{width:5rem;height:5rem;border-radius:50%;overflow:hidden;border:2px solid #e5e7eb}.driver-photo img{width:100%;height:100%;object-fit:cover}.driver-details{flex:1}.driver-name{font-weight:600;font-size:1.125rem;color:#111827;margin-bottom:.25rem}.driver-contact{font-size:.875rem;color:#4b5563;margin-bottom:.25rem}.driver-vehicle{font-size:.875rem;color:#6b7280;margin-bottom:.75rem}.contact-driver-button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:#3b82f6;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.contact-driver-button:hover{background-color:#2563eb}.driver-details-compact{display:flex;flex-direction:column;gap:.25rem}.driver-name-detail{font-weight:600;color:#111827}.driver-contact-detail,.driver-vehicle-detail{font-size:.875rem;color:#6b7280}@media (max-width: 768px){.driver-info{flex-direction:column;align-items:center;text-align:center}.driver-photo{margin-bottom:.5rem}.contact-driver-button{width:100%;justify-content:center}}.user-profile-container{max-width:600px;margin:30px auto;padding:25px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;align-items:center}.user-profile-container h2{font-size:24px;font-weight:700;margin-bottom:20px}.form-container{display:flex;flex-direction:column;gap:15px}.input-field{padding:10px;border:1px solid #ddd;border-radius:8px}.btn{padding:10px 16px;border:none;border-radius:8px;color:#fff;cursor:pointer;margin-top:10px}.btn.blue{background-color:#3b82f6}.btn.yellow{background-color:#f59e0b;margin-right:8px}.btn.red{background-color:#ef4444}.profile-info{display:flex;flex-direction:column;gap:10px;align-items:center}.profile-image{width:100px;height:100px;border-radius:9999px;object-fit:cover}.contact-section{padding:50px;color:#0d6efd;background:#f9f9f9;font-family:Segoe UI,sans-serif;margin-top:20px;border-radius:10px}.contact-title{text-align:center;font-size:3rem;font-weight:700;color:#0d6efd;margin-bottom:30px}.contact-container{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}.contact-info{flex:1;display:flex;flex-direction:column;gap:20px}.info-card p{color:#000}.info-card{background:#00000017;padding:20px;border-radius:15px;display:flex;align-items:center;gap:15px;border-left:5px solid #000000;box-shadow:0 3px 8px #0000004d}.info-icon{color:#ffaf1b;font-size:1.8rem}.contact-form{flex:2;background:#00000017;padding:30px;border-radius:20px;display:flex;flex-direction:column;gap:15px;border-left:1px solid #2e2e2e;box-shadow:0 5px 15px #0000004d}.contact-form label{color:#000;font-weight:500}.contact-form input,.contact-form textarea{padding:10px 15px;border-radius:10px;border:none;background-color:#0c09091a;color:#2e2e2e;outline:none;font-size:16px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#ccc}.submit-button{background-color:#ffaf1b;color:#000;padding:12px;border:none;border-radius:12px;cursor:pointer;font-weight:700;margin-top:10px;transition:background .3s ease}.success-message{color:#0d6efd;margin-top:.5rem;font-weight:700}.contact-form button{background-color:coral;color:#fff;border:none;padding:.9rem;font-size:1rem;border-radius:5px;cursor:pointer;transition:.3s ease}.submit-button:hover{background-color:#fa0}.about-hero1{background-image:url(/LANDIMAGE.jpg);background-size:contain;background-position:center;height:43vh;position:relative;display:flex;align-items:center;justify-content:center;border-radius:20px;margin-top:25px;overflow:hidden}.about-container{max-width:1200px;margin:0 auto;padding:0 20px;font-family:Poppins,sans-serif;color:#2c3e50;background:#f9f9f9;animation:fadeIn .6s ease-in-out}.about-hero{background-image:url(/LANDIMAGE.jpg);background-size:contain;background-position:center;height:43vh;position:relative;display:flex;align-items:center;justify-content:center;border-radius:20px;margin-top:25px;overflow:hidden}.hero-overlay{background:#0006;padding:40px;border-radius:12px;color:#fff;text-align:center;max-width:700px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.hero-title{font-size:3rem;font-weight:700;margin-bottom:20px}.hero-subtitle{font-size:1.2rem;margin-bottom:30px}.hero-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.hero-btn{background-color:#fff;border:none;padding:12px 25px;font-size:1rem;border-radius:8px;color:#000;cursor:pointer;transition:background .3s}.hero-btn:hover{background-color:#fadc23}.about-content{display:flex;flex-direction:column;gap:40px;margin-top:50px}.about-section{background:#fff;border-radius:12px;padding:30px;box-shadow:0 4px 15px #00000014;transition:transform .3s}.about-section:hover{transform:translateY(-5px)}.about-section h2{font-size:1.8rem;color:#794637;font-weight:700;font-size:40PX;margin-bottom:15px}.about-section p{font-size:1.1rem;color:#444;line-height:1.8}.about-section ul{list-style:none;padding-left:0}.about-section ul li{font-size:1.05rem;color:#444;position:relative;padding:8px 0 8px 25px}.about-section ul li:before{content:"✔";position:absolute;left:0;color:#0d6efd;font-weight:700}.about-footer{margin-top:60px;text-align:center;color:#999;font-size:.95rem;border-top:1px solid #ddd;padding-top:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.about-section h2{font-size:1.5rem}.about-section p,.about-section ul li{font-size:1rem}}.welcome-page{font-family:Segoe UI,sans-serif;padding:2rem;background:linear-gradient(to bottom,#fffaf4,#fff2e6)}.hero-section{display:flex;gap:2rem;align-items:center;flex-wrap:wrap;background-color:#fff;padding:2rem;border-radius:20px;box-shadow:0 10px 30px #0000001a;transition:.3s ease-in-out}.hero-section:hover{box-shadow:0 14px 40px #00000026}.hero-image{width:100%;max-width:500px;border-radius:20px;box-shadow:0 10px 25px #0000001a;transition:transform .3s ease}.hero-image:hover{transform:scale(1.05)}.image-box img{width:350px;height:auto;border-radius:16px;box-shadow:0 10px 20px #0000001a}.text-box{flex:1}.text-box h1{font-size:2.8rem;color:#222;margin-bottom:.5rem}.brand{color:#e67e22}.tagline{font-size:1.3rem;font-weight:500;color:#e67e22;margin-bottom:1rem}.description{font-size:1.1rem;color:#555;line-height:1.7;max-width:600px}.details-section{margin-top:3rem;background-color:#fff;padding:2rem;border-radius:20px;box-shadow:0 10px 30px #0000001a;transition:.3s ease-in-out}.details-section:hover{box-shadow:0 14px 40px #00000026}.details-section h2{font-size:1.8rem;margin-bottom:1rem;color:#333}.info-points{list-style:none;padding-left:0;line-height:1.8}.info-points li{font-size:1rem;color:#444;margin-bottom:1rem}.info-points strong{color:#222}.highlight{color:#d35400;font-weight:700}.cta-buttons{margin-top:2rem;display:flex;gap:1rem}.btn{padding:.75rem 1.5rem;border-radius:10px;font-weight:700;text-decoration:none;transition:.3s ease}.primary{background-color:#e67e22;color:#fff}.primary:hover{background-color:#cf711f}.outline{border:2px solid #e67e22;color:#e67e22;background:none}.outline:hover{background-color:#fff0e0}@media (max-width: 768px){.hero-section{flex-direction:column;text-align:center}.image-box img{width:100%;max-width:300px;margin:auto}.text-box{max-width:100%}.cta-buttons{flex-direction:column;align-items:center}}.food-card{background:#fff;border:1px solid #ddd;border-radius:12px;padding:15px;text-align:center;box-shadow:0 2px 8px #0000000d;transition:all .3s ease}.food-card:hover{box-shadow:0 4px 12px #0000001a;transform:scale(1.02)}.food-image{width:100%;height:180px;object-fit:cover;border-radius:8px}.food-card h3{font-size:18px;margin:10px 0 5px}.food-card p{font-size:14px;margin:5px 0}.food-card button:hover{background-color:#009f5c}.add-cart-btns button{margin:10px;padding:8px 15px;background-color:#00bb6e;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:.3s;gap:20px}.explore-container{padding:30px;max-width:1200px;margin:auto}.explore-filters{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:25px;gap:10px}.explore-filters select,.explore-filters input{padding:10px;font-size:16px;min-width:200px;border-radius:8px;border:1px solid #ccc}.explore-food-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px}.food-detail-container{max-width:800px;margin:40px auto;display:flex;flex-direction:column;align-items:center;padding:20px}.food-detail-image{width:100%;max-height:400px;object-fit:cover;border-radius:10px}.food-detail-info{margin-top:20px;text-align:left;width:100%}.food-detail-info h2{font-size:2rem;margin-bottom:10px}.food-detail-info p{font-size:1.1rem;margin-bottom:8px}.add-cart-btn{margin-top:15px;padding:10px 20px;background-color:#ff4500;color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:background-color .2s ease}.add-cart-btn:hover{background-color:#e03e00}.back-btn{align-self:flex-start;margin-bottom:20px;padding:8px 16px;background-color:#ccc;border:none;border-radius:6px;cursor:pointer}.food-item-counter{position:absolute;bottom:15px;right:15px;display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:50px;background-color:#fff;box-shadow:0 2px 6px #0003}.food-item-counter img{width:28px;cursor:pointer}*{padding:0;margin:0;box-sizing:border-box;font-size:Outfit;scroll-behavior:smooth}body{min-height:100vh}a{text-decoration:none;color:inherit}.app{width:80%;margin:auto}@keyframes fedeIn{0%{opacity:0}10%{opacity:1}}