@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Gabriela&display=swap";*{padding:0;margin:0;box-sizing:border-box}:root{--dark-color: #3b414d;--accent-color: #f8a07c;--lighter-color: #75808c;--light-color: #e4e6e9;--background: #eeeff4}body{background:var(--light-color);font-family:Cormorant Garamond,serif;font-weight:300;font-style:normal;font-size:16px}h1,h2,h3,h4,h5,h6{font-family:Gabriela,serif;font-weight:400;font-style:normal}.custom-button{background:var(--accent-color);color:#fff;padding:12px 15px;width:auto;text-align:center;border:none;border-radius:2em;text-transform:uppercase;letter-spacing:1px;transition:.3s ease-in-out;cursor:pointer}.custom-button:hover{background-color:var(--light-color);color:#000}.page-wrapper{display:flex;flex-direction:column;min-height:100vh}.page-wrapper main{flex:1}@keyframes left-right{0%{left:-100px;opacity:0}to{left:0;opacity:1}}@keyframes slideDownFadeIn{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.footer-container{background:var(--dark-color);padding:2em;text-align:center;color:#fff}.footer-container span{font-weight:700}.navigation-container{display:flex;justify-content:space-between;align-items:center;padding:0 4em;background:var(--background);color:#000}.navigation-logo-container img{width:20%;height:auto}.navigation-links-container ul{list-style-type:none;display:flex;gap:1em;justify-content:center;text-transform:uppercase;letter-spacing:1px;font-weight:700}.navigation-links-container ul li{position:relative;align-self:center;display:inline-flex;justify-content:center;align-items:center}.navigation-links-container ul li:after{content:"";position:absolute;bottom:-10px;left:0;width:0;height:1px;background-color:var(--accent-color);transition:width .3s ease-in}.navigation-links-container ul li:hover{cursor:pointer}.navigation-links-container ul li:hover:after{width:100%}.navigation-container a{text-decoration:none;color:inherit}.navigation-links-container .custom-button{background:var(--accent-color);color:#fff;padding:12px 15px;width:auto;text-align:center;border:none;border-radius:2em;text-transform:uppercase;letter-spacing:1px;transition:.3s ease-in-out;cursor:pointer}.navigation-links-container .custom-button:hover{background-color:var(--light-color);color:#000}@media (max-width: 768px){.navigation-container{flex-direction:column;align-items:center;padding:1em}.navigation-logo-container img{width:120px;height:auto}.navigation-links-container ul{display:flex;gap:1em;padding:0;margin:1em 0 0;width:100%;align-items:center}.navigation-links-container ul li{width:100%;text-align:center}.navigation-links-container ul li.custom-button{padding:.7em 1.2em}}@media (max-width: 480px){.navigation-logo-container img{width:100px}.navigation-links-container ul li{font-size:.9rem}.navigation-links-container ul li.custom-button{padding:.5em 1em}}.notification{position:fixed;top:20px;right:20px;z-index:9999;background-color:#fff;color:#333;border-radius:.75rem;box-shadow:0 4px 8px #0003;max-width:20em;overflow:hidden;opacity:0;animation:fadeInOut 5s forwards;font-family:sans-serif}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-weight:700;color:#fff}.notification.success .notification-header{background-color:#22c55e}.notification.error .notification-header{background-color:#ef4444}.notification-header span{cursor:pointer;font-weight:700;padding:0 .5rem}.notification-text{padding:.75rem 1rem}.notification-text p{margin:0;font-size:.95rem}@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}.form-container{display:flex;flex-direction:column;color:#fff;letter-spacing:1px}.form-container .form{display:grid;gap:1em;grid-template-columns:repeat(var(--cols, 1),1fr);padding:2em;border-radius:1em;color:#fff}.form-heading div{text-align:center;display:flex;flex-direction:column;justify-content:center}.form-heading p{margin-bottom:1em;color:var(--accent-color);text-decoration:underline}.existing{text-align:center}.existing a{color:var(--accent-color);text-decoration:underline;font-weight:700}.form-heading h5{text-transform:capitalize;margin-bottom:1em;text-align:center}.form-container .form-group{display:flex;flex-direction:column}.form-container label{text-transform:capitalize;margin-bottom:.3em;margin-left:.2em;letter-spacing:.5px}.form-container textarea,input{background:var(--light-color);border:1px solid white;border-radius:.5em;padding:.8em;width:100%;margin-bottom:.5em;outline:none}.form-container .form-group:has(textarea){grid-column:1 / -1}.form-container .custom-button{grid-column:1 / -1;width:10em;justify-self:center}.input-error,.required-field{color:#ff5353}.form-container input[type=file]::-webkit-file-upload-button{font-family:inherit;background-color:var(--accent-color);color:#fff;border:none;padding:.5em 1em;border-radius:6px;cursor:pointer;transition:background-color .3s}.form-container input[type=file]::-webkit-file-upload-button:hover{background-color:var(--dark-color)}.form.edit-user,.form.add-service,.form.edit-service,.form.add-team-member,.form.edit-salon{color:#000;background:#fff}.form.add-service,.form.edit-salon{width:45em}.form.add-team-member input,.form.edit-salon input{width:20em}.form.add-service textarea,.form.edit-service textarea,.form.edit-salon textarea{background:inherit}.form.login input,.form.register input{color:#fff}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d7;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--dark-color);padding:2em;border-radius:10px;max-width:800px;box-shadow:0 4px 8px #0003;position:relative;animation:slideDownFadeIn .6s ease-out forwards}.modal-close{position:absolute;top:10px;right:10px;background:none;border:none;font-size:18px;cursor:pointer;color:var(--accent-color)}.salon-settings-container{display:flex;background:#e6e5e594;justify-content:space-between;padding:2em;gap:2em}.settings-individual-heading,.settings-appointments-view,.schedule-settings-contents,.settings-add-new-service{margin-top:2em}.settings-form-container{margin-top:1em}.settings-form-container form,.settings-add-team-member-container form,.settings-add-new-service-container form,.settings-appointments-view{background:#ffffff9c;border-radius:1em;padding:2em;display:flex;flex-direction:column;gap:1em}.settings-navigation-container{width:20%;box-sizing:border-box}.settings-details-container{width:70%;box-sizing:border-box}.settings-active-schedule-container{width:20%;box-sizing:border-box}input{border:none;border:1px solid rgb(202,201,201);border-radius:5px;background:inherit;outline:none;padding:.5em 1em;width:14em}.settings-details-container textarea{resize:vertical;height:7em;border:1px solid rgb(187,186,186);border-radius:.5em;padding:1em}.settings-navigation-container ul{list-style-type:none;padding:0;margin:1em 0 0}.settings-navigation-container li{display:flex;align-items:center;gap:8px;cursor:pointer;padding:10px}.settings-navigation-container li svg{font-size:1.5rem}.active{background:#bbbaba;border-radius:1em}.busy{background:red}.free{background:#257b45}.break{background:gray}.settings-appointments-view{display:flex;flex-direction:column;gap:2px}.settings-appointment{display:flex;gap:1em;color:#fff;padding:.5em 1em;align-items:center;border-radius:.5em}.form-row{display:flex;flex-direction:column}.form-row.row{flex-direction:row;gap:1em}.settings-account-container .custom-button{width:20%}.settings-team-contents{display:flex;gap:2em;justify-content:space-between}.setting-team-member{background:#fff;border-radius:2em;text-transform:capitalize;max-width:15em}.team-member-info{padding:1em}.settings-team-members{display:flex;flex-wrap:wrap;gap:1em;text-align:center;margin-top:1em}.team-member-image{width:100%;height:auto}.team-member-image img{width:100%}.settings-team-members h4{margin-bottom:10px;border-bottom:1px solid var(--accent-color);padding:0 0 .5em}.settings-team-members svg:hover{cursor:pointer}.settings-service{display:flex;gap:2em;background:#ffffff9c;padding:1em 2em;border-radius:1em;justify-content:space-between;margin-bottom:5px}.settings-buttons-container{display:flex;gap:1em}.settings-buttons-container svg{font-size:1.3em}.settings-buttons-container svg:hover{cursor:pointer}.settings-single-service{padding:2em 0}.setting-service-details{display:flex;gap:2em}.review-settings-container{display:flex;flex-wrap:wrap;gap:2em}.settings-review-container{margin-top:2em;box-shadow:0 4px 8px #0003;padding:2em;border-radius:2em;background:var(--dark-color);color:#fff;display:flex;flex-direction:column;gap:1em;min-width:15em;text-align:center}.settings-appointments-container .calendar-container{min-width:100%}.settings-details-container.full-width{width:100%}.settings-appointments-container{display:flex;flex-direction:column}.settings-appointments-header{display:flex;justify-content:space-between;background:var(--dark-color);padding:2em;border-radius:4em;color:#fff;text-transform:uppercase;align-items:center;letter-spacing:1px}.settings-appointments-container button{border:none;background:var(--accent-color);color:#fff;text-transform:uppercase;padding:.5em 1em;border-radius:2em}.settings-appointments-container button:hover{cursor:pointer}.settings-images-container{display:flex;flex-wrap:wrap;gap:2em}.settings-images-container img{width:15em;margin-top:1em}.appointment-service-info{background-color:green;color:#fff;font-weight:bolder;display:flex;justify-content:space-evenly;padding:.5em 1em;align-items:center;border-radius:1em;text-align:center;margin-bottom:1em}@media (max-width: 1280px){.settings-active-schedule-container{display:none}.settings-form-container .form-row,.settings-add-new-service .form-row{flex-direction:column}.settings-account-container .custom-button{align-self:center;width:10em}.settings-add-new-service{flex-direction:column}.settings-details-container.full-width{width:80%;padding:1em}.calendar-container{overflow-x:auto}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.spinner{animation:spin 1s linear infinite;margin-bottom:2em}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.calendar-container{background-color:var(--light-color);border-radius:2em;flex:1;padding:2em}.calendar-heading{display:flex;gap:5em;justify-content:space-between;align-items:center;font-weight:700;padding:1em 0 0 1em}.calendar-buttons{display:flex;gap:2em}.caledar-contents{display:flex;gap:.5em;text-align:center;padding:2em}.caledar-contents p:nth-child(1){font-weight:700}.calendar-day-card{border:1px solid var(--lighter-color);border-radius:.7em;padding:.5em;flex:1;min-width:0}.calendar-day-heading{border-bottom:1px solid var(--accent-color);padding:.5em 1em}.calendar-day-heading p:nth-child(3){background:var(--accent-color);border-radius:2em;color:#fff;padding:.3em 1em;margin-top:1em}.calendar-buttons button{border:none;background:var(--accent-color);padding:.5em;color:#fff;border-radius:60%}.day-slots{padding:1em}.slot{padding:.4em 1.5em;border-radius:15px;margin-bottom:5px;letter-spacing:1px}.salon-free,.customer-free{background-color:#5ac45e}.salon-booked{background-color:#fe4c3f}.salon-break,.customer-break,.customer-not-available,.customer-booked{background-color:#bdbdbd;color:#3f3e3e}.slot:hover{cursor:pointer}.customer-break,.customer-not-available,.customer-booked{cursor:default!important;pointer-events:none}.past{background:#b7b6b687}.past .customer{background-color:var(--dark-color)!important;color:#fff;pointer-events:none}.today{background:var(--accent-color);color:#fff}.calendar-edit-delete-buttons{margin-top:1em;display:flex;justify-content:center;gap:1em}.calendar-edit-delete-buttons svg{cursor:pointer;font-size:1.2em;transition:transform .2s}.calendar-edit-delete-buttons svg:hover{transform:scale(1.1)}.disabled-slot{background-color:#ddd;color:#999;pointer-events:none;cursor:not-allowed}@media (max-width: 1700px){.calendar-day-card{flex:1 1 auto!important;max-width:100%!important;min-height:150px;margin-bottom:1em;min-width:auto}.slot{padding:.2em;letter-spacing:0}.calendar-container,.caledar-contents{padding:1em 0}}.confirm-container{background:#fff;border-radius:.6em;width:30em}.confirm-heading{background:var(--dark-color);height:.5em}.confirm-body{display:flex;flex-direction:column;justify-content:center;gap:2em;padding:1em}.confirm-body strong{font-weight:700;font-size:1.1em}.confirm-body p{width:20em;font-size:17px}.confirm-buttons{display:flex;gap:1em;justify-content:flex-end;padding:1em}.confirm-buttons button{border:none;border-radius:2em;padding:.5em 1em;text-transform:uppercase;width:7em!important}.confirm-deny{background:var(--light-color)}.confirm-deny:hover,.confirm-button:hover{background:var(--background)!important;color:#000;transition:.3s ease-in-out}.add-schedule-container{display:flex;align-items:center;padding:20px;gap:3em;border-radius:8px}.small-calendar-container{display:flex;flex-direction:column;width:100%;justify-content:center;color:#fff}.small-calendar-heading{display:flex;justify-content:space-between;padding:10px;margin-bottom:15px;margin-top:15px;background-color:var(--dark-color);border-radius:8px}.small-calendar-heading h5{margin:0;color:#fff}.small-calendar-heading .arrows h5{background:var(--accent-color);padding:5px 10px;border-radius:50%}.small-calendar-days-container{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.calendar-weekday{width:40px;height:40px;display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700}.small-calendar-day{width:40px;height:40px;display:flex;justify-content:center;align-items:center;background-color:#fff;border-radius:50%;color:#333;cursor:pointer;transition:background-color .3s,transform .2s ease}.small-calendar-day:hover{background-color:#f0f0f0;transform:scale(1.1)}.small-calendar-day.selected{background-color:var(--accent-color);color:#fff;font-weight:700}.arrows{display:flex;gap:1em}.small-calendar-day.empty{visibility:hidden}.schedule-form-container h5{color:#fff;margin-bottom:1em}.schedule-form-container form{display:flex;flex-direction:column;background:#fff;border-radius:1em;padding:1em 3em}.schedule-form-container label{color:#555;margin-top:1.5em}.schedule-form-container input[type=time]{border:1px solid #ccc;border-radius:4px}.schedule-form-container .custom-button{width:15em;margin-top:2em}.working{background:green;color:#fff;pointer-events:none}.customer-profile-container{margin:0;padding:0;width:100%;display:flex;justify-content:flex-start}.customer-profile-settings{background:var(--dark-color);padding:2em;width:40%;display:flex;align-items:center;flex-direction:column}.customer-profile-settings h4{color:#fff;text-align:center;margin-bottom:2em;text-transform:uppercase;letter-spacing:1px}.customer-profile-settings form{background:#fff}.customer-profile-settings form label{margin-top:1em}.customer-profile-settings form input{width:20em}.customer-profile-appointments{display:flex;flex-wrap:wrap;gap:2em;margin-top:2em;padding:0 2em}.customer-profile-upcoming-appointments,.customer-profile-past-appointments{display:flex;flex-direction:column;gap:1em;position:relative}.customer-profile-upcoming-appointments .pagination,.customer-profile-past-appointments .pagination{margin-top:1em;align-self:center}.customer-profile-appointment-container{background:#fff;display:flex;border-radius:1em;align-items:center}.customer-profile-appointment-container img{width:5em}.appointment-date,.appointment-data,.appointment-image{padding:1em 2em;text-transform:capitalize}.appointment-image{margin-left:auto}.appointment-date{border-right:1px solid var(--accent-color);color:var(--accent-color);font-size:18px}.appointment-date p:nth-child(2){font-weight:700}.appointment-date p:nth-child(3){margin-top:1em;text-decoration:underline;color:red}.appointment-data p:nth-child(1){font-weight:700}.pagination{display:flex;justify-content:center;gap:1em;align-items:center}.pagination button{background:var(--accent-color);border:none;padding:.5em 1em;border-radius:1em;color:#fff}.delete-button{margin-top:1em;display:block;margin-left:auto;margin-right:auto;background:red;border-radius:1em;border:none;padding:.5em 2em;text-transform:uppercase;color:#fff;letter-spacing:1px}.delete-button:hover,.pagination button,.customer-profile-appointment-container img:hover,.appointment-date p:nth-child(3):hover{cursor:pointer}@media (max-width: 767px){.customer-profile-container,.customer-profile-appointments{flex-wrap:wrap;gap:1em;margin:0;padding:0;justify-content:center}.customer-profile-settings{width:100%}.customer-profile-upcoming-appointments,.customer-profile-past-appointments{padding:1em}}.home-heading-container{display:flex;align-items:center;background:var(--dark-color);background-image:url(/images/14.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.home-heading-form-container h5{font-size:1.4rem;font-weight:700;color:var(--accent-color);text-align:center;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(to right,#ff7e5f,#feb47b);background-clip:text;-webkit-background-clip:text;transition:transform .3s ease,color .3s ease;line-height:2em}.home-heading-form-container h5 span{color:#fff}.home-heading-form-container{background:#ffffff0b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:5em;border-radius:2em;color:#fff;width:fit-content;max-width:100%;box-shadow:0 10px 30px #0000001a;padding:2em 4em}.home-heading-form-container form{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5em;margin-top:2em;width:100%}.home-heading-form-container form select{padding:1em;background:transparent;color:#fff;border:none;border-bottom:2px solid var(--accent-color);font-size:1rem;font-family:inherit;width:25em}.home-heading-form-container form select:focus{outline:none;border-bottom:2px solid white}.home-heading-form-container,.home-heading-form-container select,.home-heading-form-container button{animation:slideDownFadeIn .6s ease-out forwards;opacity:0}.home-heading-form-container select:nth-of-type(1){animation-delay:.3s}.home-heading-form-container select:nth-of-type(2){animation-delay:.5s}.home-heading-form-container select:nth-of-type(3){animation-delay:.7s}.home-heading-form-container button{animation-delay:.9s}.home-heading-form-container form button{width:15em;margin-top:1em}.home-information-container p{margin-top:1em}.home-information-container{display:flex;justify-content:center;gap:2em;padding:2em;background:var(--light-color);position:relative;animation:left-right 2s ease-out forwards}.home-information-card1-container svg{font-size:3em;align-self:center}.home-information-card2-container svg{font-size:3em;align-self:center}.home-information-card3-container svg{font-size:3em;align-self:center}.home-information-container div{display:flex;flex-direction:column;text-align:center;background:var(--accent-color);padding:1em 4em;border-radius:2em;color:#fff;width:20em;text-transform:uppercase;box-shadow:0 10px 20px #3d3c3c76}.home-information-container div:nth-child(2){background:var(--lighter-color)}.home-information-container span{font-size:2rem;font-weight:800;text-align:center;margin-top:.5em}.home-gallery-container{display:flex;flex-direction:column;text-align:center;color:#fff;padding:5em;background:var(--lighter-color)}.salon-card{width:15em;height:20em;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:1em;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;box-shadow:0 10px 20px #0003;transition:transform .3s ease;cursor:pointer}.salon-card:hover{transform:scale(1.03)}.salon-cards{display:flex;margin-top:2em;justify-content:center;gap:1em}.salon-card-information{background:#00000064;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;padding:1em;text-align:left}.salon-card-information h3{text-transform:capitalize;margin-bottom:1em;width:100%}.no-salons{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1em;margin-top:2em}.no-salons img{width:5em}@media (max-width: 767px){.home-heading-container{justify-content:center}.home-heading-form-container{margin:0;border-radius:0;overflow:visible}.home-information-container{flex-wrap:wrap;gap:1em}.home-information-container .home-information-card1-container,.home-information-container .home-information-card2-container,.home-information-container .home-information-card3-container{width:15em}.salon-cards{flex-wrap:wrap}.salon-card{flex:1 1 calc(50% - 1em);max-width:calc(50% - 1em)}}.salons-container{display:flex;flex-wrap:wrap;gap:1.5rem;margin:2em}.salon-card{position:relative;width:20em;height:300px;border-radius:1em;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 4px 6px #0000001a;background-size:cover;background-position:center;background-repeat:no-repeat}.salon-details{position:absolute;bottom:0;left:0;right:0;color:#fff;background-color:#15141480;padding:10px;text-align:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1;display:flex;justify-content:space-between}.salon-information{background:var(--dark-color);display:flex;justify-content:space-between;padding:1em 5em;color:#fff;align-items:center}.salon-contact-details{display:flex;flex-direction:column;gap:2em}.salon-contact-details h1{color:var(--accent-color);letter-spacing:2px}.salon-services{display:flex;margin:1em 2em;gap:2em}.service-container{display:flex;flex:1;min-width:600px;justify-content:space-evenly;margin:.2em;padding:1em 2em;background:#fff;border-radius:1em;align-items:center}.calendar-container{flex:1;max-width:65%;min-width:400px}.service-container h2{flex:1;margin:0;text-align:center;text-transform:capitalize}.service-container:hover{background:var(--accent-color);color:#fff;cursor:pointer}.selected{background:var(--accent-color)!important;color:#fff!important}.salon-team-about{display:flex;justify-content:space-between;padding:2em;background:var(--accent-color);color:#fff;width:100%;align-items:center}.salon-team{text-align:center;align-self:center;flex-grow:2;min-width:50%}.salon-about-us{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-grow:1;width:100%;background:var(--background);color:#000;padding:2em;border-radius:2em}.salon-about-us p{max-width:80%;line-height:1.7em;margin-top:2em;text-align:center}.team-member{text-transform:capitalize;display:flex;flex-direction:column;align-items:center;background-color:#fff;color:#000;width:15em;gap:0;border-radius:1em}.team-members{display:flex;text-align:center;justify-content:center;flex-wrap:wrap;gap:1em;margin-top:1em}.salon-reviews{display:flex;text-align:center;justify-content:center;flex-wrap:wrap;gap:5em;padding:3em}.salon-team-member-image img{width:100%;height:20vh;margin-top:1em;border-radius:1em}.salon-team-member-info{padding:1em}.review-container{box-shadow:0 4px 8px #0003;padding:2em;border-radius:2em;background:var(--lighter-color);color:#fff;display:flex;flex-direction:column;gap:1em}@media (max-width: 1360px){.service-container{min-width:auto}.salon-services{flex-direction:column}.salon-team-about{flex-direction:column;gap:1em}.salon-reviews{gap:1em}.calendar-container{padding:0;margin:0;max-width:none}}.not-found img{width:100%;margin-top:-200px;z-index:-1;position:relative}.not-found-button{top:-300px;position:relative;left:420px}