.hero-slide.video-slide{position:relative;overflow:hidden}.video-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.video-background iframe{width:100%;height:100%;object-fit:cover}.client-details-container{padding:20px}.info-row span{display:flex}.booking-container{padding:80px;margin-top:25px;font-family:Arial,sans-serif}.header,.tabs{flex-wrap:wrap}.tab{border:none;background:#f0f0f0;margin:5px}.tab.active{background:#e8092e;color:#fff}.logo img{width:80px;height:80px}.booking-card{display:flex;justify-content:space-between;align-items:center;border:1px solid #ddd;padding:50px;margin-top:10px;border-radius:8px;background:#fff;flex-wrap:wrap}.booking-info{flex:1 1;min-width:200px}.booking-info h3{margin:0;font-size:18px}.booking-info p{margin:5px 0}.date-time-button{padding:10px 20px;border:1px solid #e8092e;background:#fff;color:#e8092e;cursor:pointer;border-radius:5px;margin-left:10px}.date-time-button:hover{background:#e8092e;color:#fff}@media (max-width:768px){.booking-container{padding:30px;margin-top:50px}.tab{padding:8px 15px}.booking-card{flex-direction:column;align-items:flex-start}.date-time-button{margin-top:10px;margin-left:0}}@media (max-width:480px){.logo img{width:60px;height:60px}.booking-info h3{font-size:16px}.booking-info p{font-size:14px}.date-time-button{padding:8px 15px}}.appointment-container{padding:20px;margin-top:80px}.header{justify-content:space-between;align-items:center}.header,.tabs{display:flex}.tab{margin-right:10px;padding:10px 20px;border:1px solid #ccc;background-color:#f9f9f9;cursor:pointer}.tab.active{background-color:#fff;border-bottom:none;font-weight:700}.logo{margin-left:auto}.calendar-header{margin:20px 0}.nav-button{padding:5px 10px}.calendar{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:1px;gap:1px}.day,.day-header{padding:10px}.day{flex:1 1;width:100%;border:1px solid #ddd;border-radius:8px;background:#fff;min-height:100px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.current-day{border:2px solid #0070f3}.empty{background-color:#f0f0f0}.day-number{margin-bottom:5px}.appointments{font-size:14px}.appointment{border-radius:4px;font-size:12px}.booked{background-color:#c8a2c8}.pending{background-color:#ff0}.dropped-off{background-color:#b6e4bb}.picked-up{background-color:#b6e4e4}.in-progress{background-color:#ff6783}.completed{background-color:#ffa772}.legend{display:flex;align-items:flex-start}.legend-item{border:1px solid #ccc}.date-picker{position:relative;display:inline-block}.date-picker input{width:200px;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:5px;box-sizing:border-box}.date-picker .react-datepicker-popper{z-index:1000}.react-datepicker{font-family:Arial,sans-serif}.react-datepicker__header{background-color:#e8092e;color:#fff}.react-datepicker__navigation{outline:none;border:none}.react-datepicker__navigation--next:before,.react-datepicker__navigation--previous:before{content:"";display:inline-block;border-style:solid;border-width:2px 2px 0 0;margin-right:5px;width:8px;height:8px;transform:rotate(-45deg)}.react-datepicker__navigation--previous:before{border-width:0 2px 2px 0;margin-right:7px;margin-left:-1px}.react-datepicker__day-names{display:flex;justify-content:space-around;margin-top:10px}.react-datepicker__day,.react-datepicker__day-name{width:30px;height:30px;line-height:30px;text-align:center;border-radius:50%}.react-datepicker__day{cursor:pointer}.react-datepicker__day--selected{background-color:#e8092e;color:#fff}.react-datepicker__day--keyboard-selected{background-color:rgba(0,123,255,.5)}.react-datepicker__day--today{font-weight:700}.react-datepicker__day--outside-month{color:#ccc}.react-datepicker__month{margin:0 20px}.react-datepicker__week{display:flex}.react-datepicker__week-number{width:30px;height:30px;line-height:30px;text-align:center;border-radius:50%;margin-right:10px}.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__month-container{width:260px}.react-datepicker__month .react-datepicker__day--keyboard-selected:hover,.react-datepicker__month .react-datepicker__day:hover{background-color:rgba(0,123,255,.1)}.react-datepicker__time-container{display:none!important}.date-picker-popup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.2);padding:20px;border-radius:5px;max-width:300px;width:100%;text-align:center}.date-picker-popup .react-datepicker{display:inline-block}.date-picker-popup .react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #ccc;padding:10px}.date-picker-popup .react-datepicker__current-month{font-size:18px;margin-bottom:10px}.date-picker-popup .react-datepicker__day-names,.date-picker-popup .react-datepicker__week{display:flex;justify-content:space-around;margin-bottom:10px}.date-picker-popup .react-datepicker__day{flex:1 1;padding:5px;cursor:pointer;transition:background-color .3s ease}.date-picker-popup .react-datepicker__day:hover{background-color:#f0f0f0}@media (max-width:768px){.date-picker-popup{max-width:100%}}.clients-container{width:80%;margin:0 auto}h2{text-align:left}.legend,h2{margin-bottom:20px}.legend{justify-content:center}.legend-item{display:inline-block;border-radius:4px;color:#fff}.legend-item.booked{background-color:#c8a2c8}.legend-item.pending{background-color:#ff0}.legend-item.dropped-off{background-color:#b6e4bb}.legend-item.picked-up{background-color:#b6e4e4}.legend-item.in-progress{background-color:#ff6783}.legend-item.completed{background-color:#ffa772}.clients-list{display:flex;flex-wrap:wrap;gap:20px}.client-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.1);padding:20px;display:flex;justify-content:space-between;align-items:center;width:48%}.client-info{flex-direction:column}.client-info h3{margin:0}.client-info p{margin:0 0 5px}.status-indicator{width:20px;height:20px}.booked .status-indicator{background-color:#c8a2c8}.pending .status-indicator{background-color:#ff0}.dropped-off .status-indicator{background-color:#b6e4bb}.picked-up .status-indicator{background-color:#b6e4e4}.in-progress .status-indicator{background-color:#ff6783}.completed .status-indicator{background-color:#ffa772}.clients-container{position:relative}.client-card{cursor:pointer}.client-details-popup::-webkit-scrollbar{width:0}.client-details-popup{-ms-overflow-style:none;scrollbar-width:none;overflow-y:auto;position:fixed;top:50%;left:50%;bottom:10%;transform:translate(-50%,-50%);background:#fff;padding:20px;box-shadow:0 0 10px rgba(0,0,0,.1);z-index:1000;width:900px;height:550px;border-radius:10px}.client-details{right:10px}.client-details-container{padding:30px;background-color:#f9f9f9;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1);max-width:800px;margin:0 auto}.client-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;position:relative}.client-name{flex:1 1}.client-header h2{margin:0;font-size:24px}.status-container{display:flex;align-items:center;gap:10px;position:relative;flex:1 1;justify-content:center}.status-dropdown{flex:1 1;display:flex;justify-content:flex-end}.status-button{padding:10px 25px;border:1px solid #e8092e;background:#fff;color:#e8092e;cursor:pointer;border-radius:5px;margin-left:10px}.status-button:hover{background:#e8092e;color:#fff}.status-options{position:absolute;top:100%;right:0;background-color:#fff;border:1px solid #ccc;border-radius:5px;margin-top:5px;box-shadow:0 2px 10px rgba(0,0,0,.1);z-index:1;min-width:150px}.status-option{padding:5px 10px;cursor:pointer;display:flex;align-items:center;gap:5px}.status-option:hover{background-color:#f0f0f0}.client-info{display:flex;justify-content:space-between;gap:20px}.info-section{display:flex;flex-direction:column;flex:1 1}.info-section h4{border-bottom:1px solid #ccc;color:#e8092e;padding-bottom:5px}.info-row{display:flex;justify-content:space-between;padding:5px 0;flex-wrap:nowrap;width:100%;align-items:center}.info-row span{display:flexbox;flex-direction:column}.login-container{display:flex;align-items:center;justify-content:center;height:100vh;background-color:#f9f9f9;padding:20px}.login-form{background-color:#fff;padding:40px;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1);max-width:400px;width:100%}.login-title{font-size:24px;margin-bottom:20px;color:#e8092e;text-align:center}.login-error{background-color:#fdd;border:1px solid red;padding:10px;border-radius:5px;margin-bottom:15px;color:red}.input-group{margin-bottom:20px;position:relative}.input-group label{display:block;margin-bottom:5px;color:#333}.input-group input{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;box-sizing:border-box}.password-group{display:flex;align-items:center}.toggle-password-button{position:absolute;right:10px;top:35px;background:none;border:none;cursor:pointer;color:#e8092e;font-size:18px;padding:5px}.header2-datetimebutton{background-color:#e8092e;color:#fff}.header2-datetimebutton,.login-button{width:100%;padding:10px 20px;border:1px solid #e8092e;cursor:pointer;border-radius:5px;transition:background-color .3s,color .3s}.login-button{background-color:#fff;color:#e8092e}.login-button:hover{background-color:#e8092e;color:#fff}.admin-panel{padding:20px;background-color:#f9f9f9;border-radius:8px;max-width:800px;margin:20px auto;box-shadow:0 0 10px rgba(0,0,0,.1)}.admin-panel-title{font-size:24px;margin-bottom:20px;text-align:center}.admin-panel-button{display:block;margin:50px auto 30px;padding:10px 20px;background-color:#e8092e;color:#fff;border:none;border-radius:5px;cursor:pointer}.admin-panel-form{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.1);margin-bottom:20px}.form-title{font-size:18px;margin-bottom:10px}.form-input{width:100%;padding:10px;margin-bottom:10px;border:1px solid #ddd;border-radius:5px}.form-button{display:block;width:100%;padding:10px;background-color:#28a745;color:#fff;border:none;border-radius:5px;cursor:pointer}.admin-table{width:100%;border-collapse:collapse;margin-top:20px}.admin-table td,.admin-table th{padding:10px;border:1px solid #ddd;text-align:center}.table-input{width:100%;padding:5px;border:1px solid #ddd;border-radius:5px}.table-button{margin-right:5px;padding:5px 10px;background-color:#e8092e;color:#fff;border:none;border-radius:5px;cursor:pointer}.appointment-confirmation-container{display:flex;flex-direction:column;align-items:center;padding:20px;max-width:100%;margin:100px auto}.appointment-card{background:#fff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);padding:20px;text-align:center;margin-bottom:0;width:90%;max-width:300px}.appointment-card h2{text-align:center;margin:0;font-size:24px}.appointment-card p{margin:10px 0;font-size:16px}.appointment-actions{display:flex;justify-content:space-between;width:90%;max-width:200px;margin-left:45px}.action-button{text-decoration:none;font-size:16px;color:#000}.cancel-button{color:red}.change-button{color:#00f}@media (max-width:600px){.appointment-card{padding:15px}.appointment-card h2{font-size:20px}.appointment-card p{font-size:14px}.appointment-actions{flex-direction:column;align-items:center}.action-button{margin:5px 0;font-size:14px}}.appointment-container{font-family:Arial,sans-serif;align-content:center;flex-wrap:wrap;margin:0 auto;padding:10px}.appointmentContainer{height:100vh;width:100vw;overflow:auto;margin-top:100px;display:flex;flex-direction:column}.calendar-header{display:flex;align-items:center;justify-content:center;margin-bottom:20px}.calendar-icon{cursor:pointer;margin-right:10px}.nav-button{background:none;border:none;cursor:pointer;font-size:1.2em;margin:0 10px}.view-buttons{display:flex;justify-content:center;margin-bottom:20px}.view-buttons button{background-color:#007bff;color:#fff;border:none;padding:10px 20px;margin:0 5px;cursor:pointer;transition:background-color .3s ease}.view-buttons button:hover{background-color:#0056b3}.legend-item{margin-right:10px;padding:5px 10px;border-radius:5px;font-size:.8em;font-weight:700}.calendar{display:flex;flex-wrap:wrap;flex-direction:column;padding:10px 100px}.month-view{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:10px;gap:10px}.day-column-header{text-align:center;font-weight:700;padding:1rem;background-color:#f0f0f0}.day-cell{border:1px solid #ddd;padding:10px;border-radius:30px}.day-number{font-size:1.2em;font-weight:700}.week-view{display:flex;justify-content:space-between}.day-column{flex:1 1;border:1px solid #ddd;padding:5px;width:6rem}.day-header{text-align:center;font-weight:700;margin-bottom:5px;background-color:#f0f0f0}.current-day{background-color:#cce5ff}.day-view{display:flex;flex-wrap:wrap;border:1px solid #ddd;border-radius:5px}.hour-slot{display:flex;padding:10px;margin-right:5px;margin-bottom:5px}.hour-label{font-weight:700}.hour-appointments{margin-top:5px}.appointment{padding:5px;margin-bottom:5px;cursor:pointer;border-radius:5px;transition:background-color .3s ease}.day-cell.highlight{background-color:#6d6d6d;position:relative}.day-cell .popup{display:none;position:absolute;top:25px;left:0;background-color:#fff;border:1px solid #ccc;padding:10px;z-index:1000;width:200px}.day-cell.highlight:hover .popup{display:block}.popup-appointment{padding:5px 0}@media (max-width:768px){.client-details-popup{position:fixed;top:50%;left:50%;bottom:10%;transform:translate(-50%,-50%);background:#fff;padding:20px;box-shadow:0 0 10px rgba(0,0,0,.1);z-index:1000;width:350px;height:550px;border-radius:10px}}@media (max-width:480px){review-card{border:1px solid #ddd;margin:10px;padding:10px;width:calc(100% - 20px)!important;cursor:pointer;display:flex;align-items:center}.reviews-list{display:flex;flex-wrap:wrap;flex-direction:column}.day-column{flex:1 1;border:1px solid #ddd;padding:5px;width:12rem}.client-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;position:relative;flex-direction:column}.client-details-popup{position:fixed;top:50%;left:50%;bottom:10%;transform:translate(-50%,-50%);background:#fff;padding:20px;box-shadow:0 0 10px rgba(0,0,0,.1);z-index:1000;width:350px;height:550px;border-radius:10px;overflow-y:auto}.client-details-popup .legend{display:none!important}.client-card{border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.1);padding:20px;display:flex;justify-content:space-between;align-items:center;width:100%}.legend{display:grid;justify-content:start;margin-bottom:20px}.status-option{padding:5px 10px;cursor:pointer;display:flex;align-items:center;gap:5px}}@media (max-width:600px){.day-view,.month-view,.week-view{display:block}.calendar-header .nav-button{display:show}.mobile-hide{display:none}.info-row{display:flex;justify-content:space-between;padding:5px 0;flex-wrap:nowrap;width:100%;align-items:center;flex-direction:column}.status-options{right:43px}}.reviews-container{padding:20px}.reviews-list{display:flex;flex-wrap:wrap}.review-card{border:1px solid #ddd;margin:10px;padding:10px;width:calc(33% - 20px);cursor:pointer;display:flex;align-items:center;border-radius:20px}@media (max-width:768px){.review-card{width:calc(50% - 20px)}}@media (max-width:480px){.review-card{width:calc(100% - 20px)}}.review-details-popup{right:0;bottom:0}.review-details{border-radius:8px;max-width:80%;max-height:80%;overflow:hidden}.review-details-container{padding:20px;overflow-y:auto;max-height:80vh}.close-button{background:none;border:none;font-size:20px}.review-thumbnail{width:50px;height:50px;border-radius:50%;margin-right:10px}.review-info{flex:1 1}.status-indicator{width:10px;height:10px;border-radius:50%;background-color:gray}.status-indicator.hidden{background-color:#c8c8c8}.status-indicator.visible{background-color:#4caf50}.close-button{position:absolute;top:10px;right:10px;cursor:pointer}.status-container{margin-top:20px}.review-details-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}.review-details{background:#fff;padding:20px;border-radius:10px;width:80%;max-width:600px;position:relative}