@import url(https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}nav{background-color:#333;padding:10px}nav ul{gap:20px;list-style:none}nav ul li{display:inline}nav ul li a{font-size:18px}nav ul li a:hover{text-decoration:underline}body{background-color:#f8f9fa}header{background-color:#343a40;color:#fff;padding:1rem 0}header h1{font-size:1.5rem}.nav-link{color:#fff;margin-right:1rem;text-decoration:none}.nav-link:hover{text-decoration:underline}.dropdown-menu{background-color:#f8f9fa;border:none}.dropdown-item{color:#343a40}.dropdown-item:hover{background-color:#343a40}main{padding:2rem}.card{border:none}.card-title{font-size:1.25rem;font-weight:700}.card-text{color:#6c757d;font-size:.9rem}.progress{background-color:#e9ecef;border-radius:.75rem;height:1.5rem;overflow:hidden}.progress-bar{background-color:#007bff}.progress-bar.bg-success{background-color:#28a745}canvas{height:auto;max-width:100%}.list-group{margin:2rem 0}.list-group-item{background-color:#f8f9fa;border:none;padding:.75rem 1.25rem;transition:background-color .3s}.list-group-item:hover{background-color:#e9ecef;cursor:pointer}.list-group-item a{color:#343a40;text-decoration:none}.list-group-item a:hover{text-decoration:underline}footer{margin-bottom:a;padding:1rem 0}.HeaderNotification img{filter:brightness(0) saturate(100%) invert(70%) sepia(50%) saturate(200%) hue-rotate(1deg) brightness(110%) contrast(100%);transition:transform .2s ease-in-out,filter .2s ease-in-out}.HeaderNotification img:hover{filter:brightness(1.9);transform:scale(1.9)}.MenuBtn{display:flex;gap:20px;margin-left:auto;margin-top:9px}.Search{margin-left:50px;margin-right:150px;max-width:250px;text-align:center}.HeaderNotification{color:#f39c12;filter:sepia(1) saturate(4) hue-rotate(30deg)}.dropdown{color:#343a40;cursor:pointer;display:inline-block;margin-left:150px;margin-right:10px}.Table-dropdown{margin-left:10px;margin-right:10px}.dropdown-toggle{align-items:center;background-color:#f0f0f0;border:1px solid #ccc;border-radius:5px;display:flex;font-size:16px;padding:10px 15px}#profileDropdown{margin-left:80px}.dropdown-toggle img{margin-right:10px}.dropdown-menu{border:1px solid #ccc;box-shadow:0 4px 6px #0000001a;left:0;width:200px}.dropdown-menu a:hover{background-color:#f9f9f9;color:#000}.help{margin-left:20px}.dropdown-menu{background-color:#343a40;border:1px solid #00000026;border-radius:.25rem;display:none;font-size:1rem;margin:.125rem 0 0;min-width:100%;padding:.5rem 0;position:absolute;right:0;text-align:left;top:100%;z-index:1000}.dropdown-menu.show{display:block}.dropdown-item{color:#fff;padding:.25rem 1.5rem;text-decoration:none}.dropdown-item:hover{background-color:sienna;color:#fff}.dropdown{position:relative}.dropdown button{text-align:left;width:100%}.pick-up-delivery,.shedule{background-color:#f9f9f9;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;box-sizing:border-box;font-family:Arial,sans-serif;margin:0;margin:20px auto;max-width:1200px;padding:0;padding:20px}.Pickup h3{color:#333;text-align:center}.delivery-options{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.request-delivery,.track-delivery{background-color:#f0f0f0;border-radius:8px;box-shadow:0 2px 4px #0000001a;flex:1 1;min-width:300px;padding:20px}.shedule{max-width:500px;text-align:auto}.request-delivery h4,.track-delivery h4{color:#444;text-align:center}label{color:#555;font-weight:700}input[type=date],input[type=text]{border:1px solid #ccc;border-radius:4px;margin:8px 0;padding:10px;width:100%}.subBtn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;padding:10px 20px;width:100%}.subBtn:hover{background-color:#0056b3}@media (max-width:768px){.delivery-options,.row{flex-direction:column}}.modal{background-color:#fff;box-shadow:0 4px 8px #0003;display:none;left:100px;margin-bottom:100px;margin-left:450px;margin-top:20px;max-height:530px;max-width:600px;overflow-y:auto;padding:20px;top:200px;transform:none;width:100px;z-index:1000}.modal-overlay{display:none;z-index:999}.modal-overlay.active,.modal.active{display:block}.modal form{display:flex;flex-direction:column}.modal form label{margin:10px 0 5px}.modal form input,.modal form textarea{border:1px solid #ccc;border-radius:4px;margin-bottom:15px;padding:8px}.modal form button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px}.modal form button:hover{background-color:#0056b3}.container{background:#f9f9f9;border-radius:10px;box-shadow:0 4px 10px #0000001a}.list-group{border-radius:10px;overflow:hidden}.list-group-item{align-items:center;background:#fff;border:1px solid #ddd;display:flex;font-size:1rem;padding:15px 20px;transition:transform .3s ease,background-color .3s ease}.list-group-item:hover{background-color:#f1f1f1;transform:scale(1.02)}.announcement-icon,.notification-icon{animation:pulse 1.5s infinite;color:#007bff;font-size:1.5rem;margin-right:15px}.notifications-section{margin-bottom:30px}.announcements-section .list-group-item{border-left:5px solid #28a745}.Notification{display:flex;margin:auto;max-width:500px;min-height:fit-content;vertical-align:middle;width:50%}.Announced{margin:0 0 auto auto;max-width:fit-content}.quick-link-card{background:linear-gradient(145deg,#fff,#f0f0f0);border:1px solid #0bb024;border-radius:12px;box-shadow:5px 5px 15px #0000001a,-5px -5px 15px #ffffffb3;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.quick-link-card:hover{box-shadow:5px 10px 20px #0003,-5px -5px 20px #fffc;transform:translateY(-5px)}.quick-link-icon{animation:pulse 1.5s infinite;font-size:3rem}.quick-link-card h5{color:#333;font-size:1.1rem;font-weight:700}@keyframes pulse{0%,to{color:#007bff;transform:scale(1)}50%{color:#0056b3;transform:scale(1.1)}}.notification-container{bottom:20px;position:fixed;right:20px;z-index:1000}.notification{align-items:center;animation:fadeIn .5s,fadeOut .5s 4.5s;background-color:#007bff;border-radius:5px;box-shadow:0 4px 8px #0003;color:#fff;display:flex;margin-bottom:10px;opacity:0;padding:15px 20px}.notification.show{opacity:1}.announcement{background-color:#28a745}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.notifications-section{font-size:1.5rem;margin-right:10px}#allM{margin-left:270px;margin-top:150px}.bg-dark{background-color:#343a40}.text-white{color:#fff}#upperHeader{height:100px;margin:auto;width:100px}#menuToggle{background:#0000;border:1px solid #fff;border-radius:5px;color:#fff;padding:5px 10px}#menuToggle:hover{background:#495057;color:#fff}.dropdown-menu{background-color:#fff;border:1px solid #ddd;border-radius:5px;list-style:none;margin-right:0;margin-top:10px;padding:10px 0}.dropdown-menu a{color:#000;display:block;padding:10px 20px;text-decoration:none}.dropdown-menu a:hover{background-color:#f8f9fa}.dropdown:hover .dropdown-menu{display:block}.Search input{border:1px solid #ccc;border-radius:5px;max-width:300px}.HeaderNotification a{margin:0 10px}.HeaderNotification img{transition:transform .2s ease-in-out}.HeaderNotification img:hover{transform:scale(1.1)}.rounded-circle{border:2px solid #fff;transition:transform .2s ease-in-out}.rounded-circle:hover{transform:scale(1.1)}.dropdown-menu li{margin:5px 0}hr{border:none;border-top:2px solid gray;margin:20px 0}.note-section{background-color:#f8f9fa;border-radius:10px;margin:20px 0;padding:20px}.note-section h2{color:#343a40;font-size:1.25rem;margin-bottom:10px}.note-section p{color:#6c757d;font-size:1rem}.left-header{background-color:#212529;bottom:0;color:#fff;display:flex;flex-direction:column;left:0;overflow-y:auto;padding:15px;position:fixed;scrollbar-color:#888 #212529;scrollbar-width:none;top:120px;width:250px}.left-header::-webkit-scrollbar{width:8px}.left-header::-webkit-scrollbar-track{background:#212529}.left-header::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.left-header::-webkit-scrollbar-thumb:hover{background:#555}.row{margin:auto;width:400px}#upperHeader{background:#212529;left:0;position:fixed;right:0;top:0;width:100%;z-index:1000}.left-header h2{font-size:1.5rem;margin-bottom:1rem}.left-header nav a{color:#fff;display:block;margin:.5rem 0;text-decoration:none}.left-header nav a:hover{text-decoration:underline}.profile-container{align-items:center;display:flex;gap:15px}.profile-image img{border:2px solid orange;border-radius:50%;height:70px;width:70px}.profile-info p{margin:5px 0}.main-content{flex-grow:1;margin-left:270px;padding:20px}.menu-item{border-bottom:1px solid #625f5f;cursor:pointer;padding:10px}.menu-item:hover{background-color:#495057}.menu-item:last-child{border-bottom:none}.menu-container{margin-top:20px}.menu-container a{color:#fff;text-decoration:none}.welcome{align-items:center;display:flex;margin-top:20px;margin-inline-start:300px}.welcome strong{color:#ff0;font-size:18px}#welcome span{color:#ff0;font-size:16px}#welcome{color:#ff0;margin-left:400px;margin-top:-11px}.welcome .row{align-items:center;display:flex;padding:10px 0}.welcome .row div{color:#fff;font-size:1rem}.welcome .row div:first-child{font-weight:700;text-align:left}.welcome .row div:nth-child(2){font-size:1.1rem;font-style:italic;text-align:center}.welcome .row div:last-child{color:#ffc107;font-size:.95rem;text-align:right}@media (max-width:768px){.container-fluid .row{flex-direction:column;text-align:center}.container-fluid .row div{margin-bottom:10px}}#searchInput{height:45px;margin-top:-.5px}#filterSelect,#searchBy,#searchInput{border:2px solid #81b673;box-sizing:border-box}.AllCard{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:20px;margin-left:20px;margin-top:110px}.card{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a}.card .icon{font-size:30px;margin-bottom:10px}.card .value{font-size:24px}.arrow,.card .value{font-weight:700}.increase{color:green}.decrease{color:red}canvas{height:auto!important;width:100%!important}footer{background-color:#f8f9fa;border-top:1px solid #e9ecef;color:#6c757d;padding:10px}.AllCard .card.blue{border-color:#00bfff}.AllCard .card.purple{border-color:#9370db}.AllCard .icon{font-size:24px;margin-bottom:10px}.AllCard .arrow{font-weight:700}.AllCard .increase{color:green}.AllCard .decrease{color:red}header{max-width:100%}.container-fluid{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}img{height:auto;max-width:100%}input.form-control{max-width:300px}@media (max-width:576px){#upperHeader{align-items:center;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;padding:10px}.d-flex.align-items-center:first-child{flex:1 1;justify-content:flex-start}.d-flex.align-items-center:first-child img{height:30px}.MenuBtn{flex:0.5 1}.Search{display:flex;justify-content:center;margin:0}.Search input{max-width:200px;width:100%}.HeaderNotification{display:inline-block;margin-right:25px}.dropdown{display:inline-block;margin:auto}.HeaderNotification img,.dropdown img{height:25px}.dropdown-toggle{align-items:center;display:flex;gap:0;width:120px}.welcome{display:none}}nav{background-color:#343a40;padding:10px 20px}nav ul{display:flex;list-style-type:none;margin:0;padding:0}nav ul li{margin-right:20px}nav ul li a{border-radius:5px;color:#fff;padding:10px 15px;text-decoration:none;transition:background-color .3s}nav ul li a:hover{background-color:#495057}.dashboard{background-color:#fff;box-shadow:0 2px 10px #0000001a;margin-top:20px}.card,.dashboard{border-radius:8px;padding:20px}.card{background-color:#e9ecef;flex:1 1;margin:10px;text-align:center;transition:transform .3s}.card:hover{transform:translateY(-5px)}.quick-link-card{background-color:#007bff;color:#fff;padding:20px;transition:background-color .3s}.quick-link-card:hover{background-color:#0056b3}footer{background:#212529;bottom:0;color:#fff;padding:10px 0;position:relative;text-align:center;width:100%}.charts-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-top:20px}.chart-box{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;flex:1 1;min-width:300px;padding:15px;text-align:center}.quick-links-container{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;margin:20px;padding:15px}.quick-links-title{font-size:20px;font-weight:700;margin-bottom:15px}.quick-links-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.quick-link-card{align-items:center;background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 5px #0000001a;color:#212529;display:flex;flex-direction:column;font-weight:700;justify-content:center;padding:15px;text-align:center;text-decoration:none;transition:all .3s ease-in-out}.quick-link-card:hover{background-color:#e9ecef;transform:scale(1.05)}.quick-link-icon{color:#007bff;font-size:24px;margin-bottom:8px}.d-flex{align-items:center;display:flex}.logo-img{height:40px;margin-right:10px}.logo-text{font-size:20px;font-weight:700;margin:0}.table-container{margin:20px 0}.table{table-layout:auto}.table td,.table th{text-align:center;vertical-align:middle;white-space:nowrap}.dropdown-toggle{text-align:center;width:100%}img{border-radius:50%}.full-width-table-container{background:#fff;box-shadow:0 4px 12px #0000001a;height:calc(100vh - 60px);left:300px;margin-left:20px;max-width:calc(100vw - 330px);overflow:auto;overflow-y:auto}.full-width-table{border-collapse:collapse;table-layout:auto;width:100%}.full-width-table thead th{background-color:#343a40;color:#fff;font-size:14px;position:sticky;text-align:center;top:0;z-index:2}.full-width-table tbody td{font-size:14px;padding:10px;text-align:center}.full-width-table img{border-radius:50%;height:40px;object-fit:cover;width:40px}.full-width-table-container::-webkit-scrollbar{width:10px}.full-width-table-container::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.full-width-table-container::-webkit-scrollbar-thumb:hover{background:#555}.Table-dropdown{display:inline-block;position:relative}.Table-dropdown button{background-color:#007bff;border:none;color:#fff;cursor:pointer;padding:8px 12px;text-align:left}.Table-dropdown button:hover{background-color:#0056b3}.Table-dropdown-menu{background-color:#fff;border:1px solid #ccc;box-shadow:0 4px 8px #0000001a;left:0;list-style:none;margin:0;padding:0;position:absolute;top:100%;width:150px;z-index:10}.Table-dropdown-menu li{cursor:pointer;padding:10px}.Table-dropdown-menu li:hover{background-color:#f1f1f1}.btn{padding:8px 16px;transition:all .3s}.btn-secondary{background-color:#6c757d;color:#fff}.btn:hover{opacity:.9}tr:hover{background-color:#f8f9fa}.controls-container{align-items:center;display:flex;gap:10px}.search-bar input[type=text]{border:1px solid #ccc;border-radius:4px;flex:1 1;min-width:200px;padding:8px}.filter-dropdown select,.search-by-dropdown select{background-color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;padding:8px}.import-export-buttons{display:flex;gap:10px}.import-export-buttons button,.import-export-buttons label{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;text-align:center}.import-export-buttons button:hover,.import-export-buttons label:hover{background-color:#0056b3}.import-export-buttons input[type=file]{display:none}.export-popup{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.export-popup-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:20px;text-align:center}.export-popup-content h3{margin-bottom:15px}.export-popup-content button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin:5px;padding:8px 12px}.export-popup-content button:hover{background-color:#0056b3}.btn{border-radius:4px;display:inline-block;font-size:14px;text-align:center;text-decoration:none;transition:background-color .3s ease}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3}.btn-success{background-color:#28a745;color:#fff}.btn-success:hover{background-color:#218838}.cancel{background-color:red;color:red}.service-card{background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;margin-left:130px}.service-title{color:#212529}.service-item{color:#0d6efd;cursor:pointer}.service-item:hover{text-decoration:underline}.stats-cards-container{display:flex;gap:16px;margin-left:150px;margin-top:30px}.stats-card{border:2px solid #ccc;border-radius:8px;font-weight:600;min-width:120px;padding:12px;text-align:center}.category{border-color:#7d52c8}.sub-category{border-color:#5cb85c}.name-title{border-color:#f0ad4e}.action,.description{border-color:#337ab7}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*{font-family:Poppins,sans-serif;outline:none}:root{--primary:#333;--secondary:#333;--errorColor:red;--stepNumber:6;--containerWidth:600px;--bgColor:#333;--inputBorderColor:#d3d3d3}body{align-items:center;background:#333;background:var(--bgColor);display:flex;justify-content:center;min-height:100vh;overflow-x:hidden}::selection{background:#333;background:var(--primary);color:#fff}.container{border-radius:5px;overflow-y:auto;padding:50px 35px 10px;text-align:center;width:600px;width:var(--containerWidth)}.container header{font-size:35px;font-weight:600;margin:0 0 30px}.container .form-outer{overflow:hidden;width:100%}.container .form-outer form{display:flex;width:600%;width:calc(100%*var(--stepNumber))}.form-outer form .page{transition:margin-left .3s ease-in-out;width:16.66667%;width:calc(100%/var(--stepNumber))}.form-outer form .page .title{font-size:25px;font-weight:500;text-align:left}.form-outer form .page .field{display:flex;height:45px;margin:45px 0;position:relative;width:600px;width:var(--containerWidth)}form .page .field .label{font-weight:500;position:absolute;top:-30px}form .page .field input{border:1px solid #d3d3d3;border:1px solid var(--inputBorderColor);border-radius:5px;box-sizing:border-box;font-size:18px;height:100%;margin:0 1px;padding-left:15px;transition:border-color .15s ease;width:100%}form .page .field input.invalid-input .multi-line{border-color:red;border-color:var(--errorColor)}form .page .field select{font-size:17px;font-weight:500;padding-left:10px;width:100%}form .page .field button{background:#333;background:var(--secondary);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;font-weight:500;height:calc(100% + 5px);letter-spacing:1px;margin-top:-20px;text-transform:uppercase;transition:.5s ease;width:100%}form .page .field button:hover{background:#000}form .page .btns button{margin-top:-20px!important}form .page .btns button.prev{font-size:17px;margin-right:3px}form .page .btns button.next{margin-left:3px}.container .progress-bar{display:flex;margin:40px 0;-webkit-user-select:none;user-select:none}.container .progress-bar .step{position:relative;text-align:center;width:100%}.container .progress-bar .step p{color:#000;font-size:18px;font-weight:500;margin-bottom:8px}.step{padding:12px}.progress-bar .step .bullet{border:2px solid #000;border-radius:50%;display:inline-block;font-size:17px;font-weight:500;height:25px;line-height:25px;position:relative;transition:.2s;width:25px}.progress-bar .step .bullet.active{background:#333;background:var(--primary);border-color:#333;border-color:var(--primary)}.progress-bar .step .bullet span{left:50%;position:absolute;transform:translateX(-50%)}.progress-bar .step .bullet.active span{display:none}.progress-bar .step .bullet:after,.progress-bar .step .bullet:before{background:#262626;bottom:11px;content:"";height:3px;position:absolute;right:-51px;width:44px}.progress-bar .step .bullet.active:after{animation:animate .3s linear forwards;background:#333;background:var(--primary);transform:scaleX(0);transform-origin:left}@keyframes animate{to{transform:scaleX(1)}}.progress-bar .step:last-child .bullet:after,.progress-bar .step:last-child .bullet:before{display:none}.progress-bar .step p.active{color:#333;color:var(--primary);transition:.2s linear}.progress-bar .step .check{display:none;font-size:15px;left:50%;position:absolute;top:70%;transform:translate(-50%,-50%)}.progress-bar .step .check.active{color:#fff;display:block}@media screen and (max-width:660px){:root{--containerWidth:400px}.progress-bar .step .bullet:after,.progress-bar .step .bullet:before,.progress-bar .step p{display:none}.progress-bar .step .bullet{align-items:center;display:flex;justify-content:center}.progress-bar .step .check{display:none;font-size:15px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.step{align-items:center;display:flex;justify-content:center}}@media screen and (max-width:490px){:root{--containerWidth:100%}.container{border-radius:0;box-sizing:border-box}}.custom-select{position:relative;width:200px}.select-display{cursor:pointer;padding:10px}.options,.select-display{background-color:#fff;border:1px solid #ccc;border-radius:4px}.options{align-items:left;display:none;left:0;max-height:150px;overflow-y:auto;position:absolute;top:100%;width:300%;z-index:1000}.options.show{display:block}.option{align-items:left;cursor:pointer;display:flex;padding:0}.option:hover{background-color:#f0f0f0}section{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;margin-top:20px;padding:15px}#type-of-cost-container{display:none}@media (max-width:600px){.check-container{grid-template-columns:repeat(2,1fr)}}.tax-container{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}@media (max-width:600px){.tax-container{grid-template-columns:repeat(2,1fr)}}.discount-container{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}@media (max-width:600px){.discount-container{grid-template-columns:repeat(2,1fr)}}.multi-line{border:1px solid #ccc;border-radius:5px;font-size:16px;height:80px;margin-top:5px;padding:8px;resize:vertical;width:100%}.add,.delete{border:none;border-radius:5px;cursor:pointer;font-size:16px;padding:10px 15px}.add{background-color:#4caf50;color:#fff}.delete{background-color:#f44336;color:#fff}.check-container{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.check-container div{align-items:center;display:flex}.check-container input[type=checkbox]{margin-right:10px}.field{margin-bottom:20px}.field .label{font-weight:500;margin-bottom:5px}.field input{border:1px solid #ccc;border-radius:5px;font-size:16px;padding:8px;width:100%}body{background-color:#f4f4f4;font-family:Arial,sans-serif;margin:0;padding:0}.container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:20px auto;max-width:800px;padding:20px}header{color:#333;font-size:24px;margin-bottom:20px;text-align:center}.progress-bar{display:flex;justify-content:space-between;margin-bottom:20px}.step{flex:1 1;position:relative;text-align:center}.bullet{background:#ccc;border-radius:50%;display:inline-block;height:30px;line-height:30px;margin:0 auto;width:30px}.active .bullet{background:#4caf50}.step-name{font-size:14px;margin-top:5px}.form-outer{padding:20px}.field{margin-bottom:15px}.field label{display:block;margin-bottom:5px}.field input,.field select{border:1px solid #ccc;border-radius:4px;padding:10px;width:100%}.field input[type=checkbox]{width:auto}.btns{display:flex;justify-content:space-between}.btns button{border:none;border-radius:4px;cursor:pointer;padding:10px 15px}.btns .prev{background:#f44336;color:#fff}.btns .next,.btns .submit{background:#4caf50;color:#fff}@media (max-width:1024px){.container{padding:15px;width:50%}header{font-size:22px}.progress-bar{flex-wrap:nowrap}.step{margin:0 5px}.btns{flex-direction:column}.btns button{margin-bottom:10px;width:100%}}@media (max-width:768px){.container{margin:10px auto;padding:10px;width:50%}header{font-size:20px}.progress-bar{flex-wrap:nowrap}.step{margin:0 5px}.btns button,.field input,.field select{padding:8px}}@media (max-width:480px){.container{padding:50px;width:60%}header{font-size:18px}.field input,.field select{padding:6px}.btns button{font-size:14px;padding:6px}.step-name{font-size:12px}}.modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0003;padding:20px;text-align:center;width:400px}.modal-buttons{display:flex;justify-content:space-around;margin-top:20px}.btn-cancel{background:coral;border:2px solid coral}.btn-add,.btn-cancel{color:#fff;cursor:pointer;padding:8px 16px}.btn-add{background:#32cd32;border:2px solid #32cd32}.btn-add-service{background:#007bff;border:none;color:#fff;cursor:pointer;margin-top:10px;padding:10px 16px}.table-container{background:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;overflow-x:auto;padding:10px;width:100%}.search-input{border:1px solid #ccc;border-radius:5px;font-size:14px;margin-bottom:10px;padding:8px;width:100%}.table{background-color:#fff;border:1px solid #ddd;border-collapse:collapse;width:100%}.table td,.table th{border:1px solid #ddd;padding:10px;text-align:left}.table th{background-color:#4caf50;color:#fff;font-weight:700;text-transform:uppercase}.table tr:nth-child(2n){background-color:#f9f9f9}.table tr:hover{background-color:#f1f1f1;cursor:pointer}.table td{font-size:14px}body,html{font-family:Poppins,sans-serif;margin:0;padding:0}.header{background-color:#036}.top-header{padding:10px}.header-actions span,.location{margin:0 10px}.search-category{max-width:350px}.search-bar,.search-button,.search-category{margin:0 5px;padding:5px}.nav-menu{background-color:#024}.nav-item{padding:10px 20px}.hero-section{background:linear-gradient(#e0f7fa,#fff);padding:40px 20px;text-align:center}.explore-button{background-color:#00695c;border:none;color:#fff;cursor:pointer;margin-top:20px;padding:10px 20px}.best-choice,.categories-section,.how-it-works,.insights,.testimonials,.top-picks{padding:40px 20px}.categories-grid,.choice-cards,.insights-grid,.top-picks-grid{display:flex;flex-wrap:wrap;gap:20px}.category-card,.choice-card,.insight-card,.product-card{border:1px solid #ddd;flex:1 1 200px;padding:20px;text-align:center}.footer{background-color:#036;color:#fff;padding:20px}.footer-bottom,.footer-top{text-align:center}.footer-links{display:flex;flex-wrap:wrap;justify-content:space-around;margin:20px 0}.footer-column ul{list-style:none;padding:0}.footer-column h4{margin-bottom:10px}.subscribe input{margin-right:5px;padding:5px}*{box-sizing:border-box;margin:0;padding:0}.header{background-color:#fff;box-shadow:0 2px 5px #0000001a;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;width:100%}.top-header{align-items:center;background-color:#036;display:flex;justify-content:space-between;padding:12px 20px}.logo{height:50px;margin-right:20px}.location{color:#fff;font-size:14px;margin-left:20px;margin-right:auto}.search-section{align-items:center;display:flex;flex:1 1;margin:0 30px;max-width:600px}.search-category{background-color:#f0f0f0;border:1px solid #ccc;border-radius:4px 0 0 4px;border-right:none;font-size:14px;padding:8px}.search-bar{background-color:#fff;border:1px solid #ccc;border-left:none;border-right:none;flex:1 1;font-size:14px;padding:8px}.search-button{background-color:#007bff;border:1px solid #007bff;border-radius:0 4px 4px 0;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s ease}.search-button:hover{background-color:#0056b3}.header-actions{align-items:center;display:flex;font-size:14px;gap:15px}.header-actions .icon{cursor:pointer;height:24px;width:24px}.nav-menu{background-color:#036;display:flex;flex-wrap:wrap;justify-content:center;padding:10px 20px}.nav-item{border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin:5px 15px;padding:8px 12px;transition:background-color .3s}.nav-item:hover{background-color:#036}.hero-section{color:#fff;height:80vh;max-height:400px;min-height:400px;overflow:hidden}.hero-section,.hero-slide{position:relative;width:100%}.hero-slide{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem;text-align:center;transition:background .5s ease}.hero-content{margin:0 auto;max-width:800px;z-index:2}.hero-title{animation:fadeInUp .8s ease;font-size:2.5rem;margin-bottom:1rem;text-shadow:1px 1px 3px #0000004d}.hero-subtitle{animation:fadeInUp .8s ease .2s forwards;font-size:1.2rem;margin-bottom:2rem;opacity:0;text-shadow:1px 1px 2px #0003}.hero-cta{animation:fadeInUp .8s ease .4s forwards;background:#fff;border:none;border-radius:30px;color:#333;cursor:pointer;font-size:1rem;font-weight:700;opacity:0;padding:12px 30px;transition:all .3s ease}.hero-cta:hover{box-shadow:0 5px 15px #0003;transform:translateY(-3px)}.carousel-control{align-items:center;background:#ffffff4d;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px;z-index:10}.carousel-control:hover{background:#ffffff80}.prev{left:2rem}.next{right:2rem}.carousel-indicators{bottom:2rem;display:flex;gap:10px;left:50%;position:absolute;transform:translateX(-50%)}.indicator{background:#ffffff80;border:none;border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.indicator.active{background:#fff;transform:scale(1.2)}.how-it-works-title{color:#333;margin:2rem 0;text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.carousel-control{height:40px;width:40px}.prev{left:1rem}.next{right:1rem}}.categories-section{background-color:#fff;padding:2rem;text-align:center}.categories-section h2{color:#333;font-size:1.8rem;font-weight:600;margin-bottom:2rem}.categories-container{overflow-x:auto;padding:1rem 0;scrollbar-width:none;width:100%}.categories-container::-webkit-scrollbar{display:none}.categories-grid{display:flex;gap:1.5rem;justify-content:center;padding:0 1rem}.category-card{align-items:center;cursor:pointer;display:flex;flex-direction:column;min-width:100px}.icon-container{height:70px;margin-bottom:.5rem;position:relative;width:70px}.category-icon{background:#f5f5f5;font-size:1.8rem;height:100%;width:100%}.category-icon,.plus-icon{align-items:center;border-radius:50%;display:flex;justify-content:center}.plus-icon{background:#4caf50;bottom:-5px;color:#fff;font-size:.8rem;font-weight:700;height:20px;position:absolute;right:-5px;width:20px}.category-name{color:#333;font-size:.9rem;font-weight:500;margin-top:.5rem;text-align:center}.products-container{margin-top:2rem;overflow-x:auto;padding:1rem 0;scrollbar-width:none;width:100%}.products-container::-webkit-scrollbar{display:none}.products-scroll{display:flex;gap:1.5rem;padding:0 1rem}.product-item{flex:0 0 150px;text-align:center}.product-image{background-color:#f5f5f5;border-radius:10px;height:150px;margin:0 auto;overflow:hidden;width:150px}.product-image img{height:100%;object-fit:cover;width:100%}.product-name{color:#333;font-size:.9rem;font-weight:500;margin-top:.8rem}@media (max-width:768px){.categories-grid{justify-content:flex-start}.icon-container{height:60px;width:60px}.product-item{flex:0 0 120px}.product-image{height:120px;width:120px}}.top-picks{background-color:#fafafa;color:#333;font-family:Arial,sans-serif;padding:30px;text-align:center}.top-picks-title{font-size:24px;font-weight:700;margin-bottom:5px}.top-picks-subtitle{color:#666;font-style:italic;margin-bottom:25px}.carousel-container{margin:0 auto;max-width:320px;position:relative}.carousel-slide{overflow:hidden;transition:transform .5s ease-in-out}.product-card{background:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 2px 10px #00000014;display:flex;flex-direction:column;justify-content:space-between;padding:20px;width:100%}.product-image{font-size:120px;margin-bottom:15px}.product-info p{line-height:1.4;margin:8px 0;text-align:left}.product-buttons{display:flex;justify-content:space-between;margin-top:15px}.btn{border:none;border-radius:6px;cursor:pointer;font-weight:700;padding:8px 12px}.btn.book{background-color:#28a745;color:#fff}.btn.book:hover{background-color:#218838}.btn.details{background:none;color:#007bff;text-decoration:underline}.btn.details:hover{color:#0056b3}.carousel-arrow{background:none;border:none;color:#333;cursor:pointer;font-size:24px;padding:10px;position:absolute;top:50%;transform:translateY(-50%);-webkit-user-select:none;user-select:none;z-index:10}.carousel-arrow.left{left:-40px}.carousel-arrow.right{right:-40px}.how-it-works-slider{font-family:sans-serif;margin:0 auto;max-width:600px;text-align:center}.slider{background-color:#fafafa;border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin-top:20px;padding:20px;position:relative}.slide{transition:all .5s ease}.nav{background-color:#eee;border:none;border-radius:50%;cursor:pointer;font-size:50px;padding:8px 12px;position:absolute;top:50%;transform:translateY(-50%)}.nav.left{left:-20px}.nav.right{right:-20px}ul{list-style:none;padding:0;text-align:left}ul li{margin:10px 0}.cta-button{background-color:#007bfc;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:15px;padding:10px 20px}
/*# sourceMappingURL=main.d5d08f44.css.map*/