.heading--h1{font-size:2.5rem;font-weight:600;line-height:1.4}.heading--h1-5{font-size:2.4rem;font-weight:600;line-height:1.4}.heading--h2{font-size:2rem;font-weight:600;line-height:1.4}.heading--h3{font-size:2rem;font-weight:500;line-height:1.4}.heading--h4{font-size:3rem;font-weight:600;text-align:center;line-height:1.4}.heading--h5{font-size:1.9rem;font-weight:500;line-height:1.4}.menus{display:flex;align-items:center;justify-content:flex-end}.toggle-button{background:none;border:none;padding:.4rem;border-radius:var(--border-radius-sm);transform:translate(.8rem);transition:all .2s}.toggle-button:hover{background-color:var(--color-grey-100)}.toggle-button svg{width:2.4rem;height:2.4rem;color:var(--color-grey-700)}.toggle-list{position:fixed;background-color:var(--color-grey-0);box-shadow:var(--shadow-md);border-radius:var(--border-radius-md)}.option-button{width:100%;text-align:left;background:none;border:none;padding:1.2rem 2.4rem;font-size:1.4rem;transition:all .2s;display:flex;align-items:center;gap:1.6rem}.option-button:hover{background-color:var(--color-grey-50)}.option-button svg{width:1.6rem;height:1.6rem;color:var(--color-grey-400);transition:all .3s}:root,:root._light-mode_4agps_16{--color-grey-0: #fff;--color-grey-50: #f9fafb;--color-grey-100: #f3f4f6;--color-grey-200: #e5e7eb;--color-grey-300: #d1d5db;--color-grey-400: #9ca3af;--color-grey-500: #6b7280;--color-grey-600: #4b5563;--color-grey-700: #374151;--color-grey-800: #1f2937;--color-grey-900: #111827;--color-blue-100: #e0f2fe;--color-blue-700: #0369a1;--color-green-100: #dcfce7;--color-green-700: #15803d;--color-yellow-100: #fef9c3;--color-yellow-700: #a16207;--color-silver-100: #e5e7eb;--color-silver-700: #374151;--color-indigo-100: #e0e7ff;--color-indigo-700: #4338ca;--color-red-100: #fee2e2;--color-red-700: #b91c1c;--color-red-800: #991b1b;--color-delivered: #27ae60;--color-enroute: #2980b9;--color-pending: #f1c40f;--color-processing: #d35400;--color-cancelled: #c0392b;--color-skeleton-base: #e6e6e6;--color-skeleton-highlight: #f2f2f2;--backdrop-color: rgba(255, 255, 255, .1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0px .6rem 2.4rem rgba(0, 0, 0, .06);--shadow-lg: 0 2.4rem 3.2rem rgba(0, 0, 0, .12);--image-grayscale: 0;--image-opacity: 100%}:root._dark-mode_4agps_56{--color-grey-0: #18212f;--color-grey-50: #111827;--color-grey-100: #1f2937;--color-grey-200: #374151;--color-grey-300: #4b5563;--color-grey-400: #6b7280;--color-grey-500: #9ca3af;--color-grey-600: #d1d5db;--color-grey-700: #e5e7eb;--color-grey-800: #f3f4f6;--color-grey-900: #f9fafb;--color-blue-100: #075985;--color-blue-700: #e0f2fe;--color-green-100: #166534;--color-green-700: #dcfce7;--color-yellow-100: #854d0e;--color-yellow-700: #fef9c3;--color-silver-100: #374151;--color-silver-700: #f3f4f6;--color-indigo-100: #3730a3;--color-indigo-700: #e0e7ff;--color-red-100: #fee2e2;--color-red-700: #b91c1c;--color-red-800: #991b1b;--color-delivered: #2ecc71;--color-enroute: #3498db;--color-pending: #f39c12;--color-processing: #e67e22;--color-cancelled: #e74c3c;--color-skeleton-base: #2c3a4a;--color-skeleton-highlight: #455a73;--backdrop-color: rgba(0, 0, 0, .3);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0px .6rem 2.4rem rgba(0, 0, 0, .3);--shadow-lg: 0 2.4rem 3.2rem rgba(0, 0, 0, .4);--image-grayscale: 10%;--image-opacity: 90%}._spinner_4agps_393{margin:4.8rem auto;width:6.4rem;aspect-ratio:1;border-radius:50%;background:radial-gradient(farthest-side,var(--color-brand-600) 94%,rgba(0,0,0,0)) top/10px 10px no-repeat,conic-gradient(rgba(0,0,0,0) 30%,var(--color-brand-600));-webkit-mask:radial-gradient(farthest-side,rgba(0,0,0,0) calc(100% - 10px),#000 0);animation:_rotateAnimation_4agps_1 1.5s infinite linear}@keyframes _rotateAnimation_4agps_1{to{transform:rotate(1turn)}}.row{font-size:1.3rem;font-weight:500;color:var(--color-grey-700);font-family:Poppins,sans-serif}.row--true{color:var(--color-delivered)}.row--false{color:var(--color-cancelled)}.row--availableRiders{cursor:pointer}.overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:var(--backdrop-color);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;transition:all .5s}.overlay__modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--color-grey-0);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);padding:3.2rem 4rem;transition:all .5s}.overlay__modal__button{background:none;border:none;padding:.4rem;border-radius:var(--border-radius-sm);transform:translate(.8rem);transition:all .2s;position:absolute;top:1.2rem;right:1.9rem}.overlay__modal__button:hover{background-color:var(--color-grey-100)}.overlay__modal__button svg{width:2.4rem;height:2.4rem;color:var(--color-grey-500)}.overlay__modal--edit{height:50rem;overflow:scroll;border-radius:0}.overlay__modal--createZone{min-height:25rem;max-height:50rem;min-width:80rem;max-width:fit-content;overflow-y:scroll;border-radius:0}@media screen and (max-width: 1000px){.overlay__modal--createZone{min-width:30rem}}.overlay__modal--enquiry{min-height:25rem;min-width:78rem;max-width:fit-content;border-radius:0}.select{font-size:1.4rem;padding:.8rem 1.2rem;border-radius:var(--border-radius-sm);background-color:var(--color-grey-0);font-weight:500;box-shadow:var(--shadow-sm);cursor:pointer}.select--white{border:1px solid var(--color-grey-100)}.select--grey{border:1px solid var(--color-grey-300)}.tableOperations{display:flex;align-items:center;gap:1.6rem}.rowComponent{display:flex}.rowComponent--horizontal{justify-content:space-between;align-items:center}.rowComponent--padding{padding-top:2rem}.rowComponent--vertical{flex-direction:column;gap:1.6rem}.rowComponent__leftWrapper{display:flex;align-items:center;gap:1rem}.form{padding:2rem;background-color:var(--color-grey-0);border:1px solid var(--color-grey-100);border-radius:var(--border-radius-md);overflow:hidden;font-size:1.4rem}.form--coverage{width:80rem;padding-top:0}@media screen and (max-width: 1000px){.form--coverage{width:30rem}}.form--modal{width:80rem}.image-previews{display:flex;align-items:center;flex-wrap:wrap;gap:.2rem;width:100%}.image-previews .image-preview{width:15rem;height:10rem;object-fit:cover;border-radius:4px}.button-modal{border:none;border-radius:var(--border-radius-sm);box-shadow:var(--shadow-sm)}.button-modal.small{font-size:1.2rem;padding:.4rem .8rem;text-transform:uppercase;font-weight:600;text-align:center}.button-modal.medium{font-size:1.4rem;padding:1.2rem 1.6rem;font-weight:500}.button-modal.large{font-size:1.6rem;padding:1.2rem 2.4rem;font-weight:500}.button-modal.primary{color:var(--color-brand-50);background-color:var(--color-brand-600)}.button-modal.primary:hover{background-color:var(--color-brand-700)}.button-modal.secondary{color:var(--color-grey-600);background:var(--color-grey-0);border:1px solid var(--color-grey-200)}.button-modal.secondary:hover{background-color:var(--color-grey-50)}.button-modal.danger{color:var(--color-red-100);background-color:var(--color-red-700)}.button-modal.danger:hover{background-color:var(--color-red-800)}.button-modal.success{color:var(--color-brand-50);background-color:var(--color-delivered)}.button-modal.success:hover{background-color:var(--color-delivered)}.formInput{border:1px solid var(--color-grey-300);background-color:var(--color-grey-0);border-radius:var(--border-radius-sm);padding:.8rem 1.2rem;box-shadow:var(--shadow-sm)}.formInput--lg{width:45.4rem}@media screen and (max-width: 1000px){.formInput--lg{width:22.7rem}}.formInput--big{width:80rem}@media screen and (max-width: 1000px){.formInput--big{width:22.7rem}}.formInput--users{width:100%}.formInput::-webkit-file-upload-button{font-size:1.2rem;padding:.4rem .8rem;text-transform:uppercase;font-weight:600;text-align:center;font-family:poppins,sans-serif;outline:none;cursor:pointer;border:none;border-radius:4px;color:var(--color-brand-50);background-color:var(--color-brand-600)}.formInput::-webkit-file-upload-button:hover{background-color:var(--color-brand-700)}.formRowHorizontal{display:grid;align-items:center;grid-template-columns:24rem 1fr 1.2fr;gap:2.4rem;padding:2rem 0}.formRowHorizontal--noPadding{padding:0;padding-top:.5rem}@media screen and (max-width: 1000px){.formRowHorizontal{display:flex;flex-direction:column}}.formRowHorizontal:first-child{padding-top:0}.formRowHorizontal:last-child{padding-bottom:0}.formRowHorizontal:not(:last-child){border-bottom:1px solid var(--color-grey-100)}.formRowHorizontal:has(button){display:flex;justify-content:flex-end;gap:1.2rem}.formRowHorizontal--coverage{padding:2rem 0;position:relative}.formRowHorizontal--coverage:first-child{padding-top:2rem!important}.formRowHorizontal--images{padding:1.75rem 0;position:relative;grid-template-columns:24rem 1fr}.formRowHorizontal--images:first-child{padding-top:2rem!important}.formRowHorizontal__label{font-weight:500}.formRowHorizontal__error{font-size:1.4rem;color:var(--color-red-700)}.formRowHorizontal__errorCoverage{font-size:1rem;color:var(--color-red-700);position:absolute;left:26.5rem;top:6.5rem}.filter{border:1px solid var(--color-grey-100);background-color:var(--color-grey-0);box-shadow:var(--shadow-sm);border-radius:var(--border-radius-sm);padding:.4rem;display:flex;gap:.4rem}.filter__button{background-color:var(--color-grey-0);border:none;border-radius:var(--border-radius-sm);font-weight:500;font-size:1.4rem;padding:.44rem .8rem;transition:all .3s}.filter__button:hover:not(:disabled){background-color:var(--color-brand-600);color:var(--color-brand-50)}.filter__button--active{background-color:var(--color-brand-600);color:var(--color-brand-50)}.deliveryStatus--delivered{color:var(--color-delivered)}.deliveryStatus--processing{color:var(--color-processing)}.deliveryStatus--enroute{color:var(--color-enroute)}.deliveryStatus--cancelled,.deliveryStatus--rejected{color:var(--color-cancelled)}.deliveryStatus--verified{color:var(--color-delivered)}.deliveryStatus--onboarding,.deliveryStatus--dispatching,.deliveryStatus--new{color:var(--color-enroute)}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}:root,:root._light-mode_1i07k_16{--color-grey-0: #fff;--color-grey-50: #f9fafb;--color-grey-100: #f3f4f6;--color-grey-200: #e5e7eb;--color-grey-300: #d1d5db;--color-grey-400: #9ca3af;--color-grey-500: #6b7280;--color-grey-600: #4b5563;--color-grey-700: #374151;--color-grey-800: #1f2937;--color-grey-900: #111827;--color-blue-100: #e0f2fe;--color-blue-700: #0369a1;--color-green-100: #dcfce7;--color-green-700: #15803d;--color-yellow-100: #fef9c3;--color-yellow-700: #a16207;--color-silver-100: #e5e7eb;--color-silver-700: #374151;--color-indigo-100: #e0e7ff;--color-indigo-700: #4338ca;--color-red-100: #fee2e2;--color-red-700: #b91c1c;--color-red-800: #991b1b;--color-delivered: #27ae60;--color-enroute: #2980b9;--color-pending: #f1c40f;--color-processing: #d35400;--color-cancelled: #c0392b;--color-skeleton-base: #e6e6e6;--color-skeleton-highlight: #f2f2f2;--backdrop-color: rgba(255, 255, 255, .1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0px .6rem 2.4rem rgba(0, 0, 0, .06);--shadow-lg: 0 2.4rem 3.2rem rgba(0, 0, 0, .12);--image-grayscale: 0;--image-opacity: 100%}:root._dark-mode_1i07k_56{--color-grey-0: #18212f;--color-grey-50: #111827;--color-grey-100: #1f2937;--color-grey-200: #374151;--color-grey-300: #4b5563;--color-grey-400: #6b7280;--color-grey-500: #9ca3af;--color-grey-600: #d1d5db;--color-grey-700: #e5e7eb;--color-grey-800: #f3f4f6;--color-grey-900: #f9fafb;--color-blue-100: #075985;--color-blue-700: #e0f2fe;--color-green-100: #166534;--color-green-700: #dcfce7;--color-yellow-100: #854d0e;--color-yellow-700: #fef9c3;--color-silver-100: #374151;--color-silver-700: #f3f4f6;--color-indigo-100: #3730a3;--color-indigo-700: #e0e7ff;--color-red-100: #fee2e2;--color-red-700: #b91c1c;--color-red-800: #991b1b;--color-delivered: #2ecc71;--color-enroute: #3498db;--color-pending: #f39c12;--color-processing: #e67e22;--color-cancelled: #e74c3c;--color-skeleton-base: #2c3a4a;--color-skeleton-highlight: #455a73;--backdrop-color: rgba(0, 0, 0, .3);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0px .6rem 2.4rem rgba(0, 0, 0, .3);--shadow-lg: 0 2.4rem 3.2rem rgba(0, 0, 0, .4);--image-grayscale: 10%;--image-opacity: 90%}._main_1i07k_393{display:flex;flex-direction:column;gap:1.5rem}.delete{width:40rem;display:flex;flex-direction:column;gap:1.2rem}.delete p{color:var(--color-grey-500);margin-bottom:1.2rem}.delete div{display:flex;justify-content:flex-end;gap:1.2rem}.buttonText{color:var(--color-brand-600);font-weight:500;text-align:center;transition:all .3s;background:none;border:none;border-radius:var(--border-radius-sm)}.buttonText:hover,.buttonText:active{color:var(--color-brand-700)}.form__card .heading--bg{background:#3e5476;padding:20px;border-radius:5px}.form__card .title{margin-top:50px}.form__card .delete{background:red;position:absolute;right:20px;top:15px;width:70px;height:30px;display:flex;justify-content:center;align-items:center;border-radius:5px;cursor:pointer}.form__card .form__card__row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.deliveryStatus--Accepted{color:var(--color-processing)}.deliveryStatus--Assigned{color:var(--color-delivered)}.deliveryStatus--Pending{color:var(--color-pending)}.deliveryStatus--Scheduled{color:var(--color-enroute)}.deliveryStatus--InTransit,.deliveryStatus--Delivered,.deliveryStatus--verified{color:var(--color-delivered)}.deliveryStatus--onboarding{color:var(--color-enroute)}.deliveryStatus--Cancelled{color:var(--color-cancelled)}.deliveryStatus--successful,.deliveryStatus--active{color:var(--color-delivered)}.deliveryStatus--pending{color:var(--color-pending)}.deliveryStatus--true{color:var(--color-delivered)}.deliveryStatus--false{color:var(--color-cancelled)}.deliveryStatus--new,.deliveryStatus--onboarding{color:var(--color-enroute)}.deliveryStatus--unverified,.deliveryStatus--reviewing{color:var(--color-pending)}.deliveryStatus--rejected{color:var(--color-cancelled)}.deliveryStatus--inactive{color:var(--color-pending)}.deliveryStatus--deactivated,.deliveryStatus--suspended,.deliveryStatus--blocked{color:var(--color-cancelled)}.pnf{height:100vh;background-color:var(--color-grey-50);display:flex;align-items:center;justify-content:center;padding:4.8rem}.pnf__box{background-color:var(--color-grey-0);border:1px solid var(--color-grey-100);border-radius:var(--border-radius-md);padding:4.8rem;flex:0 1 96rem;text-align:center}.pnf__box h1{margin-bottom:3.2rem}.pnf__box__header{margin-bottom:1.2rem!important}.pnf__box__text{margin-bottom:2rem!important}.menu{display:flex;gap:.4rem}.buttonIcon{background:none;border:none;padding:.6rem;border-radius:var(--border-radius-sm);transition:all .2s}.buttonIcon:hover{background-color:var(--color-grey-100)}.buttonIcon svg{width:2.2rem;height:2.2rem;color:var(--color-brand-600)}.avatar{display:flex;gap:1.2rem;align-items:center;font-weight:500;font-size:1.4rem;color:var(--color-grey-600)}.avatar__img{display:block;width:4rem;width:3.6rem;aspect-ratio:1;object-fit:cover;object-position:center;border-radius:50%;outline:2px solid var(--color-grey-100)}.header{background-color:var(--color-grey-0);padding:1.2rem 4.8rem;border-bottom:1px solid var(--color-grey-100);grid-column:2/3;grid-row:1/2;display:flex;gap:2.4rem;align-items:center;justify-content:flex-end}.container{overflow-y:scroll}.container .navigation{display:flex;flex-direction:column;gap:.8rem;font-family:Poppins,sans-serif}.container .navigation__control{display:flex;align-items:center;padding:.3rem 2.4rem;transition:all .3s;color:var(--color-grey-600)}.container .navigation__control:hover{color:var(--color-grey-800);background-color:var(--color-grey-50);border-radius:var(--border-radius-sm)}.container .navigation__control svg{width:2.4rem;height:2.4rem;color:var(--color-grey-400);transition:all .3s}.container .navigation__control:hover svg,.container .navigation__control--active svg{color:var(--color-brand-600)}.container .navigation__control__box{display:flex;align-items:center;gap:1.2rem;font-weight:500;font-size:1.6rem;font-family:Poppins,sans-serif}.container .navigation__link:link,.container .navigation__link:visited{font-family:Poppins,sans-serif;display:flex;align-items:center;gap:1.2rem;color:var(--color-grey-600);font-size:1.6rem;font-weight:500;padding:1.2rem 2.4rem;transition:all .3s}.container .navigation__link:hover,.container .navigation__link:active,.container .navigation__link.active:link,.container .navigation__link.active:visited{color:var(--color-grey-800);background-color:var(--color-grey-50);border-radius:var(--border-radius-sm)}.container .navigation__link svg{width:2.4rem;height:2.4rem;color:var(--color-grey-400);transition:all .3s}.container .navigation__link:hover svg,.container .navigation__link:active svg,.container .navigation__link.active:link svg,.container .navigation__link.active:visited svg{color:var(--color-brand-600)}.sidebar{background-color:var(--color-grey-0);padding:3.2rem 1rem;border-right:1px solid var(--color-grey-100);grid-row:1/-1;grid-column:1/2;display:flex;flex-direction:column;align-items:center;gap:3.2rem}.sidebar__logo{width:18rem;height:auto;margin:0 auto}.sidebar__brand{text-align:center;font-size:4rem}.sidebar__brand--form{font-size:3.5rem}.layout{display:grid;grid-template-columns:26rem 1fr;grid-template-rows:auto 1fr;height:100vh}.layout__main{background-color:var(--color-grey-50);padding:4rem 4.8rem 20rem;overflow-y:scroll;overflow-x:hidden;grid-column:2/3;grid-row:2/-1}.layout__main__container{max-width:120rem;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.customerData{background-color:var(--color-grey-0);border:1px solid var(--color-grey-100);border-radius:var(--border-radius-md);overflow:hidden}.customerData__section{padding:3.2rem 4rem 1.2rem}.customerData__section__details{display:flex;align-items:center;gap:1.2rem;margin-bottom:1.6rem;color:var(--color-grey-500)}.customerData__section__details p:first-of-type{font-weight:500;color:var(--color-grey-700)}.table{border:1px solid var(--color-grey-200);font-size:1.4rem;background-color:var(--color-grey-0);border-radius:7px;overflow:hidden;overflow-x:scroll}.table-header{display:grid;grid-template-columns:var(--columns);column-gap:2.4rem;align-items:center;transition:none;grid-column:1/-1;padding:1.6rem 2.4rem;background-color:var(--color-grey-50);border-bottom:1px solid var(--color-grey-100);text-transform:uppercase;letter-spacing:.4px;font-weight:600;color:var(--color-grey-600)}.table-row{display:grid;grid-template-columns:var(--columns);column-gap:2.4rem;align-items:center;transition:none;padding:1.2rem 2.4rem}.table-row:not(:last-child){border-bottom:1px solid var(--color-grey-100)}.table-body{margin:.4rem 0}.buttonGroup{display:flex;gap:1.2rem;justify-content:flex-end}.chefData{background-color:var(--color-grey-0);border:1px solid var(--color-grey-100);border-radius:var(--border-radius-md);overflow:hidden}.chefData__section{padding:3.2rem 4rem 1.2rem}.chefData__section__details{display:flex;align-items:center;gap:1.2rem;margin-bottom:1.6rem;color:var(--color-grey-500)}.chefData__section__details p:first-of-type{font-weight:500;color:var(--color-grey-700)}.mantine-1otlvpv{background-color:var(--color-grey-0);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);padding:2rem;padding-top:0;padding-bottom:1rem;color:inherit!important}.mantine-19pz3dh{background-color:var(--color-grey-0)}.mantine-1fholi4{width:2.4rem!important;height:2.4rem!important}.mantine-1fholi4:hover{background-color:var(--color-grey-0)!important}.mantine-1fholi4 svg{width:2rem!important;height:2rem!important}.riderData{background-color:var(--color-grey-0);border:1px solid var(--color-grey-100);border-radius:var(--border-radius-md);overflow:hidden}.riderData__section{padding:3.2rem 4rem 1.2rem}.riderData__section__details{display:flex;align-items:center;gap:1.2rem;margin-bottom:1.6rem;color:var(--color-grey-500)}.riderData__section__details p:first-of-type{font-weight:500;color:var(--color-grey-700)}.mealData{background-color:var(--color-grey-0);border:1px solid var(--color-grey-100);border-radius:var(--border-radius-md);overflow:hidden}.mealData__section{padding:3.2rem 4rem 1.2rem}.mealData__section__details{display:flex;align-items:center;gap:1.2rem;margin-bottom:1.6rem;color:var(--color-grey-500)}.mealData__section__details p:first-of-type{font-weight:500;color:var(--color-grey-700)}.orderData{background-color:var(--color-grey-0);border:1px solid var(--color-grey-100);border-radius:var(--border-radius-md);overflow:hidden}.orderData__section{padding:3.2rem 4rem 1.2rem}.orderData__section__details{display:flex;align-items:center;gap:1.2rem;margin-bottom:1.6rem;color:var(--color-grey-500)}.orderData__section__details p:first-of-type{font-weight:500;color:var(--color-grey-700)}.transactionData{background-color:var(--color-grey-0);border:1px solid var(--color-grey-100);border-radius:var(--border-radius-md);overflow:hidden}.transactionData__section{padding:3.2rem 4rem 1.2rem}.transactionData__section__details{display:flex;align-items:center;gap:1.2rem;margin-bottom:1.6rem;color:var(--color-grey-500)}.transactionData__section__details p:first-of-type{font-weight:500;color:var(--color-grey-700)}.autoComplete input{border:1px solid var(--color-grey-300);background-color:var(--color-grey-0);border-radius:var(--border-radius-sm);padding:.8rem 1.2rem!important;box-shadow:var(--shadow-sm);font:inherit;color:inherit;height:auto}.formRowVertical{display:flex;flex-direction:column;gap:.8rem;padding:1.2rem 0}.formRowVertical__label{font-weight:500}.formRowVertical__error{font-size:1.4rem;color:var(--color-red-700)}.loginPage{min-height:100vh;display:grid;grid-template-columns:48rem;align-content:center;justify-content:center;gap:1.5rem;background-color:var(--color-grey-50)}.loginPage__heading{margin-top:1.7rem}.dispatchData{background-color:var(--color-grey-0);border:1px solid var(--color-grey-100);border-radius:var(--border-radius-md);overflow:hidden}.dispatchData__section{padding:3.2rem 4rem 1.2rem}.dispatchData__section__details{display:flex;align-items:center;gap:1.2rem;margin-bottom:1.6rem;color:var(--color-grey-500)}.dispatchData__section__details p:first-of-type{font-weight:500;color:var(--color-grey-700)}.categories-action{font-size:1.4rem;padding:.8rem 1.2rem;border-radius:var(--border-radius-sm);background-color:var(--color-grey-0);font-weight:500;box-shadow:var(--shadow-sm);cursor:pointer}.categories-action--white{border:1px solid var(--color-grey-100)}.categories-action--grey{border:1px solid var(--color-grey-300)}.categories-action--flex{display:flex;gap:.5rem;align-items:center}.meal-plan-details{display:flex;flex-direction:column;gap:2.4rem}.meal-plan-details .section{background-color:var(--color-grey-0);border:1px solid var(--color-grey-100);border-radius:var(--border-radius-md);padding:2.4rem}.meal-plan-details .section .section-title{font-size:1.8rem;font-weight:600;color:var(--color-grey-700);margin-bottom:1.6rem;padding-bottom:.8rem;border-bottom:2px solid var(--color-grey-100)}.meal-plan-details .section .row{padding:1.2rem 0}.meal-plan-details .section .row:last-child{border-bottom:none}.meal-plan-details .images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.6rem;margin-top:1.6rem}.meal-plan-details .images-grid .meal-plan-image{width:100%;height:150px;object-fit:cover;border-radius:var(--border-radius-sm);border:1px solid var(--color-grey-200)}.meal-plan-details .meal-thumbnail{width:60px;height:60px;object-fit:cover;border-radius:var(--border-radius-sm);border:1px solid var(--color-grey-200)}.meal-plan-details .status{padding:.4rem .8rem;border-radius:var(--border-radius-sm);font-size:1.2rem;font-weight:500;text-transform:uppercase}.meal-plan-details .status.verified{background-color:var(--color-green-100);color:var(--color-green-700)}.meal-plan-details .status.unverified{background-color:var(--color-red-100);color:var(--color-red-700)}.meal-plan-details .status.reviewing{background-color:var(--color-yellow-100);color:var(--color-yellow-700)}.meal-plan-details .status.active{background-color:var(--color-green-100);color:var(--color-green-700)}.meal-plan-details .status.inactive{background-color:var(--color-grey-100);color:var(--color-grey-700)}@media (max-width: 768px){.meal-plan-details .images-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.2rem}.meal-plan-details .images-grid .meal-plan-image{height:120px}.meal-plan-details .meal-thumbnail{width:50px;height:50px}}.image-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000004d;-webkit-backdrop-filter:blur(.4rem);backdrop-filter:blur(.4rem);display:flex;justify-content:center;align-items:center;z-index:200}.image-modal-content{position:relative;width:100%;height:100%;background-color:#0000004d;-webkit-backdrop-filter:blur(.4rem);backdrop-filter:blur(.4rem);display:flex;justify-content:center;align-items:center;overflow:hidden}.image-modal-close{position:absolute;top:2.4rem;left:2.4rem;background:transparent;border:none;cursor:pointer;color:#fff;font-size:1.5rem;display:flex;align-items:center;gap:.5rem}.image-modal-image-wrapper{width:70%;height:90%;border-radius:.8rem;overflow:hidden}.image-modal-image{width:100%;height:100%;object-fit:contain}:root{--color-brand-50: #eef2ff;--color-brand-100: #e0e7ff;--color-brand-200: #c7d2fe;--color-brand-500: #6366f1;--color-brand-600: #4f46e5;--color-brand-700: #4338ca;--color-brand-800: #3730a3;--color-brand-900: #312e81;--border-radius-tiny: 3px;--border-radius-sm: 5px;--border-radius-md: 7px;--border-radius-lg: 9px}:root,:root.light-mode{--color-grey-0: #fff;--color-grey-50: #f9fafb;--color-grey-100: #f3f4f6;--color-grey-200: #e5e7eb;--color-grey-300: #d1d5db;--color-grey-400: #9ca3af;--color-grey-500: #6b7280;--color-grey-600: #4b5563;--color-grey-700: #374151;--color-grey-800: #1f2937;--color-grey-900: #111827;--color-blue-100: #e0f2fe;--color-blue-700: #0369a1;--color-green-100: #dcfce7;--color-green-700: #15803d;--color-yellow-100: #fef9c3;--color-yellow-700: #a16207;--color-silver-100: #e5e7eb;--color-silver-700: #374151;--color-indigo-100: #e0e7ff;--color-indigo-700: #4338ca;--color-red-100: #fee2e2;--color-red-700: #b91c1c;--color-red-800: #991b1b;--color-delivered: #27ae60;--color-enroute: #2980b9;--color-pending: #f1c40f;--color-processing: #d35400;--color-cancelled: #c0392b;--color-skeleton-base: #e6e6e6;--color-skeleton-highlight: #f2f2f2;--backdrop-color: rgba(255, 255, 255, .1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0px .6rem 2.4rem rgba(0, 0, 0, .06);--shadow-lg: 0 2.4rem 3.2rem rgba(0, 0, 0, .12);--image-grayscale: 0;--image-opacity: 100%}:root.dark-mode{--color-grey-0: #18212f;--color-grey-50: #111827;--color-grey-100: #1f2937;--color-grey-200: #374151;--color-grey-300: #4b5563;--color-grey-400: #6b7280;--color-grey-500: #9ca3af;--color-grey-600: #d1d5db;--color-grey-700: #e5e7eb;--color-grey-800: #f3f4f6;--color-grey-900: #f9fafb;--color-blue-100: #075985;--color-blue-700: #e0f2fe;--color-green-100: #166534;--color-green-700: #dcfce7;--color-yellow-100: #854d0e;--color-yellow-700: #fef9c3;--color-silver-100: #374151;--color-silver-700: #f3f4f6;--color-indigo-100: #3730a3;--color-indigo-700: #e0e7ff;--color-red-100: #fee2e2;--color-red-700: #b91c1c;--color-red-800: #991b1b;--color-delivered: #2ecc71;--color-enroute: #3498db;--color-pending: #f39c12;--color-processing: #e67e22;--color-cancelled: #e74c3c;--color-skeleton-base: #2c3a4a;--color-skeleton-highlight: #455a73;--backdrop-color: rgba(0, 0, 0, .3);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0px .6rem 2.4rem rgba(0, 0, 0, .3);--shadow-lg: 0 2.4rem 3.2rem rgba(0, 0, 0, .4);--image-grayscale: 10%;--image-opacity: 90%}*,*:before,*:after{box-sizing:border-box;padding:0;margin:0;transition:background-color .3s,border .3s}html{font-size:62.5%}body{font-family:Poppins,sans-serif;color:var(--color-grey-700);transition:color .3s,background-color .3s;min-height:100vh;line-height:1.5;font-size:1.6rem;overflow:hidden}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer}*:disabled{cursor:not-allowed}select:disabled,input:disabled{background-color:var(--color-grey-200);color:var(--color-grey-500)}input:focus,button:focus,textarea:focus,select:focus{outline:2px solid var(--color-brand-600);outline-offset:-1px}button:has(svg){line-height:0}a{color:inherit;text-decoration:none}ul{list-style:none}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}img{max-width:100%;filter:grayscale(var(--image-grayscale)) opacity(var(--image-opacity))}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:var(--color-grey-0)}::-webkit-scrollbar-thumb{background-color:gray;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:gray}.display-banner-page{padding:2rem;font-family:Poppins,sans-serif;color:#fff;background-color:#111827}.display-banner-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.display-banner-page .page-title{font-size:2.3rem;font-weight:700;margin-bottom:0}.display-banner-page .button-modal{background-color:#6366f1;color:#fff;border:none;border-radius:4px;padding:.8rem 1.5rem;font-size:1.4rem;font-weight:500;cursor:pointer;transition:background-color .2s}.display-banner-page .button-modal:hover{background-color:#4f46e5}.display-banner-page .banner-actions{margin-bottom:2rem;text-align:center}.display-banner-page .banner-actions .button-modal{font-size:1.3rem;padding:.8rem 1.5rem}.display-banner-page .banner-details-card,.display-banner-page .banner-images-card{border-radius:8px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 6px #0000001a}.display-banner-page .section-title{font-size:1.5rem;font-weight:600;margin-bottom:1.2rem}.display-banner-page .banner-settings{line-height:1.8;font-size:1rem}.display-banner-page .image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.display-banner-page .image-container{overflow:hidden;border-radius:8px;box-shadow:0 2px 4px #0000001a}.display-banner-page .banner-image{width:100%;height:auto;display:block}.display-banner-page .banner-settings-table{width:100%;border-collapse:collapse;font-size:1.4rem;border-radius:8px;overflow:hidden;background-color:var(--color-grey-50)}.display-banner-page .banner-settings-table th,.display-banner-page .banner-settings-table td{padding:1.5rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.05)}.display-banner-page .banner-settings-table th{font-weight:800;text-transform:uppercase;font-size:1.3rem;letter-spacing:.5px;color:#fff}.display-banner-page .banner-settings-table tr:last-child td{border-bottom:none}.display-banner-page .banner-settings-table tr:hover td{background-color:#ffffff05}