*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.collapse{visibility:collapse}.mx-auto{margin-left:auto;margin-right:auto}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-\[10\%\]{margin-top:10%}.flex{display:flex}.table{display:table}.hidden{display:none}.h-10{height:2.5rem}.h-3{height:.75rem}.h-fit{height:-moz-fit-content;height:fit-content}.h-screen{height:100vh}.w-10{width:2.5rem}.w-3{width:.75rem}.w-full{width:100%}.max-w-md{max-width:28rem}.border-collapse{border-collapse:collapse}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-3{gap:.75rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.bg-\[\#333A5C\]{--tw-bg-opacity: 1;background-color:rgb(51 58 92 / var(--tw-bg-opacity, 1))}.bg-\[\#F9A825\]{--tw-bg-opacity: 1;background-color:rgb(249 168 37 / var(--tw-bg-opacity, 1))}.bg-\[\#fff4f2\]{--tw-bg-opacity: 1;background-color:rgb(255 244 242 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-\[\#EF5350\]{--tw-gradient-from: #EF5350 var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 83 80 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#F57F17\]{--tw-gradient-from: #F57F17 var(--tw-gradient-from-position);--tw-gradient-to: rgb(245 127 23 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#FDC830\]{--tw-gradient-from: #FDC830 var(--tw-gradient-from-position);--tw-gradient-to: rgb(253 200 48 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#ff7e5f\]{--tw-gradient-from: #ff7e5f var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 126 95 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-500{--tw-gradient-from: #6366f1 var(--tw-gradient-from-position);--tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-\[\#F37335\]{--tw-gradient-to: #F37335 var(--tw-gradient-to-position)}.to-\[\#d32f2f\]{--tw-gradient-to: #d32f2f var(--tw-gradient-to-position)}.to-\[\#d9441c\]{--tw-gradient-to: #d9441c var(--tw-gradient-to-position)}.to-\[\#feb47b\]{--tw-gradient-to: #feb47b var(--tw-gradient-to-position)}.to-indigo-900{--tw-gradient-to: #312e81 var(--tw-gradient-to-position)}.p-6{padding:1.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.pb-20{padding-bottom:5rem}.pt-8{padding-top:2rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[0\.85rem\]{font-size:.85rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-\[\#323232\]{--tw-text-opacity: 1;color:rgb(50 50 50 / var(--tw-text-opacity, 1))}.text-\[\#F9A825\]{--tw-text-opacity: 1;color:rgb(249 168 37 / var(--tw-text-opacity, 1))}.text-\[\#b71c1c\]{--tw-text-opacity: 1;color:rgb(183 28 28 / var(--tw-text-opacity, 1))}.text-\[\#d9441c\]{--tw-text-opacity: 1;color:rgb(217 68 28 / var(--tw-text-opacity, 1))}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-indigo-300{--tw-text-opacity: 1;color:rgb(165 180 252 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}*{padding:0;margin:0;box-sizing:border-box;scroll-behavior:smooth;font-family:Poppins,sans-serif}a{text-decoration:none;color:inherit}.app{width:80%;margin:auto;overflow-x:hidden}.admin-app{width:80%;margin-left:17vw}.hover\:text-\[\#b71c1c\]:hover{--tw-text-opacity: 1;color:rgb(183 28 28 / var(--tw-text-opacity, 1))}.hover\:opacity-90:hover{opacity:.9}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-\[\#b71c1c\]:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(183 28 28 / var(--tw-ring-opacity, 1))}@media (min-width: 640px){.sm\:h-12{height:3rem}.sm\:w-12{width:3rem}.sm\:gap-2{gap:.5rem}.sm\:p-8{padding:2rem}.sm\:py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width: 1024px){.lg\:pb-20{padding-bottom:5rem}}.navbar{display:flex;justify-content:left;align-items:center;padding:2vw 1vw;position:fixed;top:0;left:0;z-index:10;width:100%;height:-moz-fit-content;height:fit-content;background-color:#fff;border-bottom:1.3px solid tomato;box-shadow:#959da533 0 8px 24px}Link{width:auto}.logo{margin-left:8%;width:15vw}.nav-links{list-style:none;display:flex;gap:4vw;color:#49557e;font-size:1.5vw;cursor:pointer;width:auto;margin-left:25%}.nav-links a{width:auto}.active-link{padding-bottom:.5vw;border-bottom:.2vw solid hsl(226,27%,39%)}.right-navbar{display:flex;justify-content:center;align-items:center;gap:45px;width:-moz-fit-content;width:fit-content;margin-right:9%;flex-wrap:nowrap}.basket-icon-container{width:-moz-fit-content;width:fit-content;position:relative;height:-moz-fit-content;height:fit-content}.basket-icon{cursor:pointer;width:26px;max-width:50px;height:26px;position:relative}.dot{background-color:tomato;width:.5vw;height:.5vw;border-radius:50%;position:absolute;top:0;right:-5px}.signup-btn{position:absolute;right:10%;background-color:tomato;color:#fff;border:none;border-radius:25px;cursor:pointer;font-size:.8rem;font-weight:600;line-height:1;display:flex;align-items:center;justify-content:center;width:120px;height:40px;align-self:center}.sidebar-signup-btn,.signup-btn:hover{background-color:#f57f17}.profile-drop-down-container{position:relative;cursor:pointer}.navbar-profile-pic{width:2.1vw;height:2.1vw}.dropdown-container{position:absolute;left:-5vw;top:2.8vw;width:14vw;background-color:#fff4f2;border-radius:.5vw;box-shadow:0 4px 12px #0000001a;z-index:1;padding:.5vw 0;transition:all .3s ease}.drop-down-element{display:flex;align-items:center;gap:1vw;padding:.3vw 1vw;cursor:pointer;transition:background-color .2s ease}.drop-down-element:hover{background-color:#ffe5e0}.drop-down-element-img{width:1.8vw;height:1.8vw}.dropdown-container hr{margin:.2vw 0;border:none;height:1px;background-color:#e0e0e0}.nav-sidebar,.nav-sidebar-menu-icon{display:none}@media (max-width: 950px){.nav-links{display:none}.navbar{height:25px}.right-navbar,.signup-btn{display:none}.sidebar-signup-btn{top:39%;left:10%;position:absolute;background-color:tomato;color:#fff;border:none;border-radius:25px;cursor:pointer;font-size:.8rem;font-weight:600;line-height:1;display:flex;align-items:center;justify-content:center;width:120px;height:40px;align-self:center}.nav-sidebar{position:absolute;top:0;right:0;height:100vh;width:50%;background-color:#fff;display:flex;flex-direction:column;gap:20px;padding-left:20px;padding-top:50px;transition:transform .5s ease-in-out;transform:translate(100vw);box-shadow:-4px 0 12px #0000001a;border-top-left-radius:12px;border-bottom-left-radius:12px;z-index:999}.nav-sidebar.show{transform:translate(0)}.nav-sidebar.hide{transform:translate(100%)}.nav-sidebar a{text-decoration:none;font-size:1rem;font-weight:500;color:#333;padding:12px 10px;border-left:3px solid transparent;transition:all .3s ease}.nav-sidebar a:hover{background-color:#f57f1714;border-left:3px solid #F57F17;color:#f57f17;cursor:pointer}.sidebar-close-icon{position:absolute;top:5px;left:35%;color:#f57f17;font-size:28px;background:transparent;border:none;cursor:pointer;transition:transform .2s ease}.nav-sidebar-menu-icon{position:absolute;right:10%;display:block;color:#f57f17;width:15px;margin-top:4px}.sidebar-close-icon:hover{transform:rotate(90deg)}.sidebar-logout-btn{top:59%;left:10%;position:absolute;background-color:tomato;color:#fff;border:none;border-radius:25px;cursor:pointer;font-size:.8rem;font-weight:600;line-height:1;display:flex;align-items:center;justify-content:center;width:120px;height:40px;align-self:center}}*{width:100%;height:auto;margin-left:auto}.header{position:relative;height:34vw;background:url(/pizza_three.jpg) no-repeat center;background-size:cover;border-radius:12px;width:100%;margin-top:11%;padding-top:8%;overflow:hidden}.header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#0009,#0003);border-radius:12px}.header-content{position:relative;margin-left:0;display:flex;flex-direction:column;gap:1.5vw;padding:0 6vw;width:65%;z-index:2}.header-content h2{color:#fff;font-size:3.5vw;font-weight:700;line-height:1.2;text-shadow:0 2px 6px rgba(0,0,0,.5)}.header-content p{color:#f0f0f0;font-size:1.2vw;line-height:1.6;font-weight:400;max-width:80%}.show-menu-btn{width:10vw;background-color:#fff;font-size:1vw;padding:1vw 2vw;border-radius:15px;border:none;font-weight:500;color:#bcbcc8;cursor:pointer}@media (max-width: 950px){.header{height:65vh;padding-top:20%}.header-content{width:90%;padding:0 5vw;margin-left:auto;margin-top:20%;gap:2.5vw}.header-content h2{font-size:6vw}.header-content p{font-size:3.5vw}}.menu{height:auto;display:flex;flex-direction:column;padding:1.5vw 0}.menu-header{display:flex;justify-content:space-between;align-items:center;width:100%;height:10vh}.menu-title{font-size:clamp(1.8rem,2.5vw,2.8rem);font-weight:700;color:#222;letter-spacing:.5px}.add-category-text{font-size:1vw;font-weight:500;color:#b5b5ba}.menu-header-add-btn{display:flex;align-items:center;gap:.8vw;background-color:tomato;color:#fff;padding:.6vw 1.8vw;border:none;border-radius:.5vw;font-size:1.3vw;font-weight:500;cursor:pointer;transition:background-color .3s ease;white-space:nowrap;width:-moz-fit-content;width:fit-content;position:relative}.menu-header-add-btn:hover{background-color:#d9441c}.menu-header-add-icon{width:1.6vw;height:1.6vw}.menu-text{font-size:clamp(.95rem,1vw,1.2rem);color:#555;line-height:1.6;max-width:70%}.menu-list{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;white-space:nowrap;gap:2vw;padding-bottom:1vw;scroll-behavior:smooth;margin-top:20px}.menu-list::-webkit-scrollbar{height:4px}.menu-list::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.menu-list::-webkit-scrollbar-track{background:transparent}.section{flex:0 0 auto;text-align:center;width:8vw}.menu hr{height:.3vw;background-color:transparent}.section-img{width:7vw;height:15vh;margin-bottom:.5vw;border-radius:50%;cursor:pointer;transition:transform .2s}.section-img:hover{transform:scale(1.05)}.section-name{font-size:1.2vw;color:#333;font-weight:500}.active{padding:2px;border:2px solid tomato}.category-add-form{transform:translate(-50%);width:35%;height:80vh;background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;padding:10px 20px;z-index:1;gap:20px;position:absolute;left:50%;font-size:1rem}.category-add-form-upload-img-container{display:flex;flex-direction:column;gap:1vh;cursor:pointer}.category-add-form-upload-img{width:100%;height:40vh;margin-bottom:3vh}.category-add-form-input{height:6vh;padding:10px 14px;font-size:1rem;border:1px solid #ccc;border-radius:3px;outline:none;box-shadow:inset 0 1px 3px #0000001a;transition:border .3s,box-shadow .3s;margin-top:.5vw;margin-bottom:1.5vw}.category-add-form-input:focus{border-color:#4caf50;box-shadow:0 0 5px #4caf5066}.add-category-text{margin-bottom:1vh;font-size:1rem}.act-category-btn-container{display:flex;justify-content:center;width:90%;gap:2vw;margin-left:5%}.act-item-btn{padding:.7vw 1.5vw;font-size:.6rem;border:none;border-radius:5px;color:#fff;font-weight:600;transition:background-color .3s ease;cursor:pointer}.cancel-btn{background-color:#d32f2f}.cancel-btn:hover{background-color:#b71c1c}.edit-btn{background-color:#f9a825}.edit-btn:hover{background-color:#f57f17}@media (max-width: 950px){.menu-header{flex-direction:column;align-items:flex-start;justify-content:center;height:auto;padding:2vw 0}.menu-title{font-size:5vw}.menu-header-add-btn{font-size:2.5vw;padding:2vw 2.5vw;gap:1vw;border-radius:4px;position:relative}.menu-header-add-icon{width:5vw;height:5vw}.menu-title{font-size:1.4rem;width:100%}.menu-text{font-size:2.5vw}.section{width:20vw}.section-img{width:16vw;height:16vw}.section-name{font-size:clamp(.9rem,2.5vw,1.2rem);text-align:center}.category-add-form{position:absolute;transform:none;width:60%;left:30%;top:80%;height:auto;padding:16px}.category-add-form-upload-img{height:30vh}.category-add-form-input{font-size:.95rem;height:5.5vh}.act-category-btn-container{flex-direction:column;gap:12px;width:100%;margin:0 auto}.act-item-btn{width:100%;padding:10px;font-size:.8rem}.menu-list{margin-bottom:2vh}.menu-list::-webkit-scrollbar{display:none}}.foodlist-container{display:flex;flex-direction:column;gap:1.5vw;padding:1.5vw 0 20vh 0;height:auto}.foodlist-title{font-weight:500;font-size:1.5rem;color:#220101;margin-bottom:10px}.foodlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(18vw,1fr));gap:4vw 2vw}@media (max-width:850px){.foodlist{grid-template-columns:1fr 1fr 1fr}}@media (max-width:550px){.foodlist{grid-template-columns:1fr 1fr}}.item-container{width:100%;height:-moz-fit-content;height:fit-content;border-radius:8px;transition:.1s;box-shadow:#0000003d 0 3px 8px}.img-container{position:relative;width:100%;height:50%}.item-img{border-top-right-radius:8px;border-top-left-radius:8px;width:100%;height:100%}.add-item-icon{bottom:1vw;position:absolute;right:1vw;width:2vw;height:2vw;cursor:pointer}.item-counter{position:absolute;bottom:1vw;right:1vw;display:flex;justify-content:space-between;align-items:center;padding:0 .5vw;width:6vw;height:2.7vw;background-color:#fff;border-radius:15px;text-align:center}.add-item-counter,.remove-item-counter{width:1.8vw;height:1.8vw;cursor:pointer}.counter-display{font-size:1vw}.item-name-rate{display:flex;justify-content:space-between;align-items:center;padding:1.5vw 1.5vw .7vw}.item-name{font-size:1vw;font-weight:700;font-family:Poppins,sans-serif;color:#2c2c2c;letter-spacing:.03rem}.item-rating{width:7vw;height:1vw}.item-desc{font-size:1vw;font-family:Open Sans,sans-serif;color:#555;line-height:1.4;padding:0 1.5vw 1vw}.item-price{font-weight:500;font-size:16px;color:tomato;margin:0 1.5vw 2vw}@media (max-width:850px){.add-item-icon{width:2.7vw;height:2.7vw}.item-counter{width:6.8vw;height:3.2vw}.add-item-counter,.remove-item-counter{width:2.2vw;height:2.2vw}.counter-display{font-size:1.5vw}.item-name{font-size:1.7vw}.item-rating{width:7.5vw;height:1.5vw}.item-desc{font-size:1.5vw}.item-price{font-size:18px}}@media (max-width:550px){.add-item-icon{width:3.5vw;height:3.5vw;bottom:1.3vw}.item-counter{width:7.4vw;height:3.6vw;bottom:1.3vw}.add-item-counter,.remove-item-counter{width:2.5vw;height:2.5vw}.counter-display{font-size:1.7vw}.item-name{font-size:2.7vw}.item-rating{width:9.3vw;height:2.5vw}.item-desc{font-size:2.4vw}.item-price{font-size:16px}}.card{padding-bottom:3vh;padding-top:5vh;height:100vh}.card-list-header{display:grid;grid-template-columns:1fr 1.5fr 1fr 1fr 1fr 1fr;list-style:none;align-items:center;color:gray;padding:.8vw 0}.card-list-item-img{width:4.5vw}.card-list-item-info-quantity{margin-left:1vw}.card-list-item-info-remove{margin-left:2vw;cursor:pointer}.card-bottom{display:flex;justify-content:space-between;padding:5vw 0;width:100%}.card-totals{width:auto}.card-bottom-title{font-size:1.3rem;font-weight:800;padding-bottom:1.3vw}.card-totals-line{display:flex;justify-content:space-between;gap:23vw;padding:.5vw 0;border-bottom:1px solid}.total{border:none;padding-bottom:1.8vw}.card-bottom-text{width:auto}.proceed-btn{width:auto;padding:1vw 2.5vw;text-align:center;background-color:tomato;color:#fff;border-radius:4px;font-size:.7rem;font-weight:700;border:none;cursor:pointer}.promo-code-container{width:auto}.promo-code-text{font-size:.8rem;font-weight:700}.promo-code{display:flex;justify-content:center;align-items:center;padding:.5vw 0}.promo-code-input{width:28vw;padding:.5vw .4vw;height:3vw;border:1px solid #111}.promo-code-submit-btn{width:10vw;padding:.2vw 2vw;text-align:center;background-color:#000;color:#fff;font-weight:600;font-size:.8rem;height:3vw;cursor:pointer;border:none}@media (max-width:950px){.card{margin-top:20%}.card-list-header{display:none}.card-list-item{display:flex;flex-direction:column;align-items:flex-start;border:1px solid #ccc;padding:3vw;margin-bottom:3vw;border-radius:6px}.card-list-item-img{width:20vw;height:auto;margin-bottom:2vw}.card-list-item-info,.card-list-item-info-quantity,.card-list-item-info-remove{font-size:.9rem;margin:.5vw 0}.card-bottom{flex-direction:column;gap:5vw;padding:5vw 0}.card-totals{width:100%;padding:0 10px}.card-totals-line{gap:0vh;justify-content:space-between}.proceed-btn{width:80%;height:10vw;font-size:.8rem;margin-left:27px;margin-top:10px}.promo-code-container{width:100%;gap:.5vh;display:flex;flex-direction:column;padding:0 10px}.promo-code{flex-direction:column;align-items:stretch;gap:2vw}.promo-code-input{width:100%;height:10vw;font-size:1rem}.promo-code-submit-btn{width:80%;height:10vw;font-size:.8rem;margin-left:27px;margin-top:10px}}.placeorder-container{display:flex;justify-content:center;gap:8vw;margin-top:11%;padding-bottom:3vh}.placeorder-left-title{font-size:1.2rem;font-weight:800;margin-bottom:1.5vw}.multi-inputs{display:flex;justify-content:space-between;gap:.5vw}.placeorder-input{padding:.5vw;margin-bottom:1vw;border:1px solid #c5c5c5;outline:tomato}.proceed-payement-btn{margin-top:1.5vw;width:auto;padding:1vw 2.5vw;text-align:center;background-color:tomato;color:#fff;border-radius:4px;font-size:.7rem;font-weight:700;border:none;cursor:pointer}.footer{height:auto;width:100%;color:#fff;background:#323232;font-size:1vw;display:flex;flex-direction:column;align-items:center;text-align:center;position:absolute;margin-top:auto;left:0}.admin_footer{height:auto;width:85%;color:#fff;background:#323232;font-size:1vw;display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:0;position:relative;bottom:0}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;width:100%;gap:3vw;text-align:left}.footer-content .left{padding:3vw 3vw 1vw 7vw}.footer-left-logo{width:13vw;height:2vw;margin-bottom:1vw;margin-left:0}.left-footer-text{font-weight:500;margin-bottom:1vw}.footer-content .center{padding:3vw 0 0}.footer-title{font-size:1.2vw;margin-bottom:1vw}.footer-content .center ul{list-style:none;font-size:1vw}.footer-content .center ul li{margin-top:.5vw;cursor:pointer}.footer-content .right{padding:3vw 8vw 0 0}.right-footer-text{margin-top:.5vw}.footer hr{width:85%}.copyright{padding:1.5vw;font-weight:500}@media (max-width:950px){.footer-content{display:flex;flex-direction:column;gap:2vh;padding:20px 40px;margin-left:auto}.footer-left-logo{width:30vw;height:5vw;margin-bottom:1vh}.left-footer-text{font-weight:500;font-size:1rem;line-height:1.5}.footer-content .center{padding:0 30px}.footer-title{font-size:6vw;font-weight:600}.footer-content .center ul{list-style:none;font-size:1.1rem;font-weight:500}.footer-content .center ul li{margin-top:1vh;cursor:pointer}.right{margin-left:25px}.right-footer-text{font-size:1rem;margin-top:1vh;line-height:1.4}}.login-container{position:fixed;background-color:#00000090;width:100%;height:100vh;z-index:999;top:0}.login-form{background-color:#fff;width:30%;height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;align-items:center;gap:1.5vw;padding:2vw 2.5vw;border-radius:4px;margin-left:32%;margin-top:5%}.form-header{display:flex;justify-content:space-between;align-items:center}.close-icon{width:1.5vw;height:1.5vw;cursor:pointer}.login-title{font-size:1rem}.form-inputs{padding:.6vw .5vw .3vw;border-radius:4px;outline:none;border:1px solid #c9c9c9}.forget-password-text{color:#6366f1;font-size:.8rem;font-weight:500}.login-form-btn{width:100%;background-color:orange;padding:.8vw;text-align:center;border:none;color:#fff;font-size:.9rem;font-weight:500;border-radius:4px}.login-signup-text{font-size:.7rem;color:#c9c9c9;font-weight:500}.login-signup-text span{color:tomato;font-weight:700;cursor:pointer}@media (max-width: 950px){.login-form{width:90%;margin:40% auto 0;padding:1.5rem;gap:1rem;font-family:Poppins,Inter,Roboto,sans-serif;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014}.close-icon{width:20px;height:20px;cursor:pointer}.login-title{font-size:1.4rem;font-weight:600;color:#333}.form-inputs{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:.9rem;font-family:inherit}.form-inputs::-moz-placeholder{font-size:.85rem;color:#aaa}.form-inputs::placeholder{font-size:.85rem;color:#aaa}.forget-password-text{font-size:.8rem;color:#f57f17;cursor:pointer;margin-top:-.5rem}.login-form-btn{width:100%;padding:.8rem;font-size:.95rem;font-weight:500;background:#f57f17;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .2s ease}.login-form-btn:hover{background:#f47608}.login-signup-text{font-size:.8rem;color:#555;text-align:center}.login-signup-text span{color:#f57f17;font-weight:500;cursor:pointer}}.spinner-container{margin:0 auto;height:25vh;width:15vw;display:grid;z-index:1;padding:22vh}.spinner{place-self:center;width:16vh;height:16vh;border-radius:50%;border:3px solid #bdbdbd;border-top-color:tomato;animation:rotate infinite 1s}@keyframes rotate{to{transform:rotate(360deg)}}.my-orders-container{width:100%;height:100vh;padding-top:22vh;padding-bottom:10vh}.my-orders-table{display:flex;flex-direction:column;gap:1vw}.my-orders-title{font-size:1.2rem;font-weight:800;margin-bottom:1.5vw;font-family:Poppins,sans-serif}.my-orders-row{display:grid;grid-template-columns:.8fr 2fr 1fr 1fr 1.2fr;align-items:center;padding:1rem 1.5rem;border:1px solid #e0e0e0;border-radius:10px;background:#fff;box-shadow:0 2px 6px #0000000d;transition:transform .2s ease,box-shadow .2s ease;font-size:.9rem;font-weight:500;cursor:pointer}.my-orders-row:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000001a}.order-items{width:90%}.order-price{margin-left:2vw}.my-orders-row-img{width:3vw;height:3vw;margin-left:0}.my-orders-row-btn{padding:.6rem 1rem;text-align:center;background-color:#fff4f2;border-radius:8px;border:1px solid #f5c6c6;cursor:pointer;font-size:.85rem;font-weight:600;transition:background .2s ease}.my-orders-row-btn:hover{background-color:#fddede}@media (max-width:950px){.my-orders-container{height:100vh}.my-orders-title{margin-bottom:20px}.my-orders-row{display:flex;flex-direction:column;gap:2vh;text-align:left}.my-orders-row-img{width:7vh;height:7vh}.order-items{width:100%}}.item-list-container{width:100%;display:flex;flex-direction:column;gap:1.5vw;padding-bottom:10vh;margin-top:10%}.item-list-title{font-size:1.6rem;font-weight:600;color:#333;padding:0 1vw}.item-list-row{display:grid;grid-template-columns:1fr 2fr 1.5fr 1fr 2fr;align-items:center;padding:1vw;border:1px solid #ddd;background-color:#fafafa}.item-list-header{font-size:.8rem;font-weight:700;background-color:#f0f0f0;color:#444}.item-list-element{font-size:.7rem;font-weight:500;background-color:#fff;transition:background .3s;position:relative}.item-list-element:hover{background-color:#f9f9f9}.item-list-element-img{width:4vw;height:4vw;-o-object-fit:cover;object-fit:cover;border-radius:6px;background-color:#f1f1f1;margin-left:0}.act-btn-container{display:flex;justify-content:flex-end;gap:.6vw}.act-btn{padding:.7vw 1.5vw;font-size:.6rem;border:none;border-radius:5px;color:#fff;font-weight:600;transition:background-color .3s ease;cursor:pointer}.act-btn-delete{background-color:#d32f2f}.act-btn-delete:hover{background-color:#b71c1c}.act-btn-edit{background-color:#f9a825}.act-btn-edit:hover{background-color:#f57f17}.act-header{text-align:center}.food-item-container{position:absolute;left:35%;top:0;transform:translate(-50%);width:70%;height:80vh;background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;padding:20px;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:20px}.item-img-wrapper{position:relative;width:100%;height:40vh;cursor:pointer;overflow:hidden;border-radius:10px}.food-item-img{width:100%;height:50%;-o-object-fit:cover;object-fit:cover;display:block;border-radius:10px;transition:opacity .3s ease;margin-bottom:4vh}.upload-overlay{position:absolute;bottom:0;left:0;right:0;background:#00000080;color:#fff;text-align:center;padding:10px;font-size:14px;opacity:0;transition:opacity .3s ease}.item-img-wrapper:hover .upload-overlay{opacity:1}.file-input{display:none}.name-category-container{display:flex;justify-content:center;gap:2vw}.name-category-item-input{width:50%}.item-input{height:6vh;padding:10px 14px;font-size:16px;border:1px solid #ccc;border-radius:3px;outline:none;box-shadow:inset 0 1px 3px #0000001a;transition:border .3s,box-shadow .3s;margin-top:.5vw;margin-bottom:1.5vw}.desc-input{height:20vh}.item-input:focus{border-color:#4caf50;box-shadow:0 0 5px #4caf5066}.name-category-container-right{position:relative}.act-item-btn-container{width:100%;display:flex;justify-content:space-between;margin-top:15vh;gap:2vw}@media (max-width: 768px){.item-list-row{grid-template-columns:1fr 1.5fr 1fr 1fr 2fr;font-size:2.5vw;padding:2vw}.item-list-title{font-size:5vw}.act-btn{padding:1.5vw 2.5vw;font-size:2.8vw}.item-list-element-img{width:8vw;height:8vw}.food-item-container{position:static;transform:none;width:90%;height:auto;grid-template-columns:1fr;padding:15px;margin:20px auto}.item-img-wrapper{height:30vh}.food-item-img{height:100%;margin-bottom:2vh}.desc-input{height:15vh}.act-item-btn-container{flex-direction:column;align-items:stretch;margin-top:5vh;gap:12px}}@media (max-width: 480px){.item-list-row{grid-template-columns:1fr 1.5fr 1fr;grid-auto-rows:auto;row-gap:2vw;padding:3vw;font-size:3vw}.act-btn-container{grid-column:span 3;justify-content:center;gap:2vw}.item-list-element{position:relative}.act-btn{padding:2vw 4vw;font-size:3.2vw}.item-list-element-img{width:12vw;height:12vw}.food-item-container{padding:10px;width:90%;height:-moz-fit-content;height:fit-content;gap:15px;position:absolute;left:2vw;top:25vh}.food-item-img{height:30vh}.item-input{font-size:14px;padding:8px 12px}.desc-input{height:12vh}.act-item-btn-container{gap:10px}}.AddItem{display:flex;flex-direction:column;gap:1.5vw;padding-top:10vw;padding-bottom:7vw;width:60%;margin-left:5vw}.flex-col{display:flex;flex-direction:column;gap:.5vw}.add-item-text{color:#a9a9a9;font-size:.8rem;font-weight:700}.flex-col-input{padding:.5vw;border:1px solid;height:28px}.food-desc-input{padding:.5vw;border:1px solid;height:70px}::-webkit-input-placeholder{font-size:.7rem}.item-info-container{display:flex;align-items:center;gap:2vw}.add-item-btn{width:30%;padding:.5vw 1.5vw;text-align:center;color:#fff;font-size:.6rem;font-weight:800;background-color:#000;cursor:pointer;margin-top:2vh;border-radius:4px}.category-container,.price-container{width:50%}.upload-img-form{width:10vw;height:5vw;margin-left:0}.upload-img{width:100%;height:100%;cursor:pointer}@media (max-width: 768px){.add-item-text{font-size:3vw}.flex-col-input,.food-desc-input{font-size:2.8vw}.add-item-btn{font-size:2.5vw}::-webkit-input-placeholder{font-size:2.5vw}.option-text{font-size:2.5vw}}@media (max-width: 480px){.add-item-text{font-size:4vw}.flex-col-input,.food-desc-input{font-size:3.5vw}.add-item-btn{font-size:3.2vw}::-webkit-input-placeholder{font-size:3.2vw}.option-text{font-size:3.2vw}}.orders-table{width:100%;margin-top:11%;padding-bottom:7vh;display:flex;flex-direction:column;gap:2vw}.orders-table-title{font-size:clamp(1.2rem,2.5vw,1.5rem);font-weight:700;margin-bottom:1.5vw;color:#333}.orders-table-row{display:grid;grid-template-columns:1fr 2.5fr 1fr 1fr 1.5fr;align-items:center;border:1px solid #a9a9a9;padding:1vw;border-radius:6px;background-color:#fff;font-size:clamp(.8rem,1vw,.9rem);box-shadow:0 2px 6px #00000008;gap:1vw}.orders-table-row-img{width:3vw;height:3vw;-o-object-fit:contain;object-fit:contain;margin-left:0}.order-infos-container{display:flex;flex-direction:column;gap:.5vw}.orders-table-row-container{display:flex;justify-content:center;gap:3vw}.orders-table-row-container-name{font-weight:600;font-size:.75rem;color:#222;width:8vw}.orders-table-row-text{color:#444;font-size:.7rem;line-height:1.2}.orders-table-row-select{padding:.5vw 1.2vw;text-align:center;outline:none;border:none;cursor:pointer;font-size:.75rem;font-weight:600;height:3vw;background-color:#f7931e;color:#fff;border-radius:5px;transition:background-color .3s ease}.orders-table-row-select:hover{background-color:#e4810f}.orders-table-row-select-option{color:#000;background-color:#fff;text-align:left}.orders-table-row-column{margin-left:0}@media (max-width: 768px){.orders-table-row{grid-template-columns:1fr 2fr 1fr;font-size:.75rem;padding:2vw}.orders-table-row-img{width:5vw;height:5vw}.orders-table-row-select{width:50%;height:auto;font-size:.75rem;padding:1vw}}@media (max-width: 480px){.orders-table-row{display:flex;flex-direction:column;align-items:flex-start;padding:4vw;gap:2vw}.orders-table-row-img{width:12vw;height:12vw}.orders-table-row-container{width:100%}.orders-table-row-select{width:50%;font-size:.7rem}}.category-list-row{display:grid;grid-template-columns:1fr 1fr 2fr;align-items:center;border:1px solid #ddd;position:relative;padding:1vw}.category-act-header{margin-left:60%;width:-moz-fit-content;width:fit-content}.category-act-btn-container{display:flex;justify-content:right;gap:1vw;width:100%}.category-act-btn{padding:.7vw 1.5vw;font-size:clamp(.6rem,1.5vw,.6rem);font-weight:600;width:28%;border-radius:5px;cursor:pointer;border:none;color:#fff;transition:background-color .3s ease}.food-category-img{margin-left:10%;height:40vh;width:78%}.sidebar{width:15%;height:calc(100vh - var(--navbar-height, 80px));position:fixed;top:var(--navbar-height, 80px);bottom:0;left:0;background-color:#d32f2f;color:#fff;z-index:2;padding-top:2vw}.Admin-panel-title{font-family:Poppins,sans-serif;font-size:1.2vw;font-weight:600;padding-left:1.5vw;margin-bottom:1.5vw;color:#fff;letter-spacing:.03rem;border-left:4px solid white}.options{display:flex;flex-direction:column;gap:1.2vw;padding-left:1.5vw}.option{display:flex;align-items:center;gap:1vw;padding:.8vw 1vw;border-radius:.6vw;cursor:pointer;text-decoration:none;transition:background-color .3s ease,transform .2s ease}.option:hover{background-color:#ffffff26;transform:translate(4px)}.option.active{background-color:#ef9a9a;color:#111}.sidebar-add-icon{width:3vw}.sidebar-food-icon{width:2.5vw}.option-img{width:1.8vw;height:1.8vw}.option-text{font-family:Poppins,sans-serif;font-size:1vw;font-weight:500;color:inherit}@media (max-width: 950px){.sidebar{width:30%;z-index:10}.option-text{font-size:2.5vw}.option-img{width:3vw;height:3vw}.option{padding:1.5vw 2vw}}