body{padding:0;margin:0;box-sizing:border-box;font-family:Raleway,sans-serif;background:linear-gradient(130deg,#fdccc5,#fff);animation:gradient 15s ease-in-out infinite}.footer-bottom-container{display:flex;justify-content:center;width:100%;align-items:center;background-color:#fce7e3}.footer-bottom{background-color:#fff;display:flex;width:100%;justify-content:center;height:50px;align-items:center;background-color:#fce7e3;margin-top:50px}.copyright{font-size:12px;color:#000;font-weight:400;text-align:center}.navbar{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:transparent;position:sticky;top:0;z-index:1000}.nav-container{display:flex;justify-content:space-between;align-items:center;padding:14px 32px;width:80%;border:1px solid #FDCCC5;background-color:transparent;border-radius:50px;margin:20px 0;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px)}.navbar-logo{font-size:15px;font-weight:700;font-style:italic;cursor:pointer;color:#fdccc5;text-decoration:none}.navbar-logo .experts{color:#fff;background-color:#fdccc5;padding:2px 5px;border-radius:5px}.navbar-logo .beauty{background-color:#fff;padding:2px 5px;border-radius:5px}.navbar-right a{color:#000;text-decoration:none;font-size:14px;font-weight:400;cursor:pointer}.salonlogin{display:flex;justify-content:center;align-items:center;gap:10px}.nav-login-btn,.logout-btn{border:none;color:#fff!important;cursor:pointer;font-size:13px!important;font-weight:400;border-radius:10px;padding:5px 20px;background-color:#fdccc5}.salon-menu{display:flex;justify-content:center;align-items:center;background-color:transparent;border:none}.hidden{display:none!important}.salonlogin-public{display:flex;justify-content:center;align-items:center;gap:10px}.nav-link,.nav-login-btn{position:relative;text-decoration:none;color:inherit}.active-link{color:#e67665!important;font-weight:600!important}.nav-link:after{content:"";position:absolute;left:0;bottom:-4px;width:0%;height:2px;background:#e67665;border-radius:2px;transition:width .8s ease}.nav-link:hover:after{width:100%}@media(max-width:580px){.salonlogin{display:none}}@media(min-width:581px){.salon-menu{display:none}}.sidebarheader{position:absolute;top:75px;display:flex;justify-content:center;align-items:center;width:80%;background-color:#fcbdb3;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);height:30px;transform:translateY(-100%);transition:transform .5s ease;margin:0 auto;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.sidebar-open{transform:translateY(0)}.salonlogin-sidebar .nav-link{text-decoration:none;color:#000;margin:0 10px;font-size:12px}.salonlogin-sidebar{display:flex;justify-content:center;align-items:center;gap:13px}.sidebar-nav{width:100%}.margin-nav{margin:0!important}.margin-btn{padding:0;border:none;background-color:transparent}@media(min-width:581px){.sidebarheader{display:none}}.loader-container{background-color:transparent;height:500px;display:flex;flex-direction:column;justify-content:center;align-items:center}.loades-container{background-color:transparent;height:300px;display:flex;justify-content:center;align-items:center}.loader{width:30px;height:30px;border:10px solid #FDCCC5;background-color:transparent;border-radius:100%;border-top-color:#f4f6fc;animation:spin .75s linear infinite}.load{width:10px;height:10px;border:5px solid #FDCCC5;background-color:transparent;border-radius:100%;border-top-color:#f4f6fc;animation:spin .75s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.dashboard{padding:30px}.dashboard h1{margin-bottom:20px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.stat-card{background:#f9c3c3a3;padding:20px;border-radius:10px;box-shadow:0 2px 8px #00000014;cursor:pointer;transition:all .25s ease}.stat-conten{display:flex;align-items:center;font-size:40px;height:100px;margin:0}.stat-content{display:flex;align-items:center;font-size:20px;font-weight:700;margin-top:8px}.quick-actions{margin-top:40px}.actions{display:flex;gap:15px}.actions a{padding:10px 16px;background:#111;color:#fff;border-radius:6px;text-decoration:none}.no-salon-container{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:12px;height:100vh}.create-salon-btn{text-decoration:none;background-color:#f4b5ac;padding:5px 10px;border-radius:10px;color:#fff;font-size:12px;border:1px solid whitesmoke}.create-salon-btn:hover{background-color:#fcd5cf}.dashboard-title{color:#000}.dashboard-filters{margin-top:30px}input[type=date]:hover{color:#f4b5ac;background-color:#fff;cursor:pointer}.active-card{background-color:#fff!important}.stat-card-active{background-color:#ffced8;border:2px solid #ffc0cf;transform:translateY(-2px);color:#fff}.stat-card:hover{background-color:#fff;color:#f4b5ac!important}.bookings-list{margin-top:30px}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid #ddd;text-align:center}.status.pending{color:orange}.status.booked{color:green}.status.cancelled{color:red}.confirm-btn,.reject-btn{border-radius:10px;padding:2px 10px}.actions{display:flex;justify-content:center}.pagination button{border-radius:10px;padding:2px 10px}.pagination{display:flex;justify-content:center;margin-top:20px}.pagination span{margin:0 10px}.wrapper-table{overflow-x:auto}.login-container{height:100vh;background:linear-gradient(130deg,#fdccc5,#fff);display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.salon-owner-login{font-size:20px;font-weight:700;margin-bottom:20px}.login-card{display:flex;flex-direction:column;align-items:center;background:#f4c9c9CC5;padding:40px;width:80%;max-width:380px;border-radius:10px;box-shadow:0 10px 30px #0000004d;text-align:center}.login-card h2{margin-bottom:5px}.login-card p{margin-bottom:25px;color:#666}.login-card input{width:80%;padding:12px;margin-bottom:15px;border-radius:6px;border:1px solid #ccc;font-size:16px}.input-div{width:100%}.login-card button{display:flex;justify-content:center;align-items:center;width:30%;padding:12px;border:none;border-radius:6px;background:#fdccc5;font-size:15px;cursor:pointer;color:#fff}.login-card button:hover{background:#333}.error{background:#ffe5e5;color:#b00020;padding:10px;border-radius:5px;margin-bottom:15px;font-size:14px}.auth-links-row{width:80%;display:flex;justify-content:flex-end;margin-bottom:12px}.auth-links-center{justify-content:center;margin-top:14px;margin-bottom:0}.auth-link{font-size:14px;text-decoration:none;color:#e67665;font-weight:600}.auth-link:hover{text-decoration:underline}.success{background:#e9fff1;color:#0b6b2f;padding:10px;border-radius:5px;margin-bottom:15px;font-size:14px;border:1px solid #bff0cf}.salon-form-container{display:flex;flex-direction:column;align-items:center;width:100%;margin:auto}.salon-form-container h2{margin-left:auto!important;margin-right:auto!important}.file-input{padding-left:0!important}.salon-form input,.salon-form textarea{width:80%;padding:10px;margin-bottom:10px;border:none;border-radius:10px;margin-left:auto;margin-right:auto;font-size:16px}.image-upload{margin:20px auto 15px;width:80%}.preview{width:120px;height:120px;object-fit:cover;border-radius:8px;margin-top:8px}.working-hours{margin-top:20px;margin-left:auto;margin-right:auto;width:80%}.day-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.day-name{width:90px;text-transform:capitalize}.salon-create-btn{width:200px;margin-bottom:8px;padding:10px;border-radius:10px;border:none;background-color:#fdccc5;cursor:pointer;color:#fff;margin-left:auto;margin-right:auto}.salon-create-btn:hover{background-color:#fff;color:#fdccc5}.image-upload label{padding-bottom:20px;font-weight:700}.salon-form{display:flex;flex-direction:column;align-items:center;width:80%}.day-name-div{width:20%!important}.day-row input:hover{background-color:#fdccc5;color:#fff;cursor:pointer}.working-input{display:flex;gap:10px;width:60%}.working-button{display:flex;gap:5px}.working-clear-button{padding:0!important;background-color:transparent!important;font-weight:600;color:#000!important}@media(max-width:610px){.working-input{flex-direction:column}}.services-page{display:flex;flex-direction:column;align-items:center;width:100%}.service-form{display:flex;flex-direction:column;align-items:center;width:80%}.service-form button{width:40%;margin-bottom:8px;padding:10px;border-radius:10px;border:none;background-color:#fdccc5}.service-btn:hover{background-color:#fff;color:#fdccc5;cursor:pointer}.confirm-btn:hover{background-color:#fff!important;color:#fdccc5!important;cursor:pointer}.delete:hover{background-color:#000;color:#fff}.service-form input,.service-form textarea{width:90%;margin-bottom:8px;padding:10px;border-radius:10px;border:none;font-size:16px}.service-form input:focus,.service-form textarea:focus{outline:none}.table-wrapper{width:80%;max-width:100%;overflow-x:auto;margin-top:20px}.services-table{width:100%;min-width:700px;border-collapse:collapse}.services-table th,.services-table td{padding:10px;text-align:center;white-space:nowrap}.description-cell{max-width:200px;white-space:normal;word-break:break-word}.service-thumb{width:50px;height:50px;object-fit:cover;border-radius:6px}.service-btn{display:flex;justify-content:center;align-items:center;color:#fff}.actions-btn{display:flex;gap:8px;justify-content:center;align-items:center;cursor:pointer;height:75px}.edit,.delete{border:none}@media(max-width:768px){.services-table{min-width:600px}.description-cell{max-width:150px;font-size:14px}.service-thumb{width:40px;height:40px}}.salons{background-color:transparent;display:flex;justify-content:center}.salons-page{width:80%;display:flex;flex-direction:column;align-items:center}.salons-container{width:100%}.salons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,300px));gap:20px}.salons-title{text-align:center;font-size:40px;color:#000;font-weight:800;margin:60px 0 0}.salon-search{width:90%;margin:40px 0;padding:10px;background-color:#fff;border-radius:50px;border:1px solid #FDCCC5;color:#fdccc5;font-size:16px}.salon-search::placeholder{color:#fdccc5}.salon-search:focus{outline:none}.salons-subtitle{text-align:center;color:#000;font-size:13px;font-weight:400}.salon-card{border-radius:10px;overflow:hidden;text-decoration:none;color:inherit;background:transparent;transition:transform .2s ease;height:350px}.salon-card:hover{transform:translateY(-4px)}.salon-card img{width:100%;height:200px;object-fit:cover;border-radius:10px}.salon-info{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-around;gap:10px;padding-left:0!important;padding-right:0!important;height:100px}.services-list{display:flex;flex-wrap:wrap;gap:6px}.service-pill{display:flex;background:#fdccc5;padding:2px 5px;border-radius:5px;font-size:10px;color:#fff}.service-more{font-size:10px;color:#777}.salons-heading{font-size:20px;font-weight:700}.salon-name{font-size:20px;font-weight:600;color:#000;margin:0}.salon-address{font-size:12px;margin:0}.services-list{display:flex;align-items:center;font-size:12px}.salon-banner{height:280px;background-size:cover;background-position:center;position:relative}.salon-banner .overlay{background:#00000080;color:#fff;padding:0 30px;display:flex;flex-direction:column;justify-content:center;height:100%;gap:30px}.overlay h1{font-size:40px;margin:0}.overlay p{margin:0;font-size:15px}.p-address{font-size:12px!important}.overlay span{font-size:15px}.salon-public{max-width:1000px;margin:auto}.salon-info,.salon-services{padding:20px}.service-card{border:1px solid #eee;border-radius:10px;padding:15px;margin-bottom:15px}.service-top{display:flex;justify-content:space-between}.availability{margin-top:10px}.book-btn{margin-top:8px;padding:8px 14px;border:none;background:#fdccc5;color:#000;cursor:pointer}.availability-section{margin-top:12px}.availability-title{font-weight:600;margin-bottom:8px;color:#222}.slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:10px;margin-top:5px}.slot-btn{padding:5px 0!important;border:1px solid #ccc;background:#fdccc5!important;cursor:pointer;border-radius:5px;text-align:center;color:#000!important;transition:background .2s ease,color .2s ease}.slot-btn:hover{background:#fff!important;color:#fdccc5!important}.service-image{width:100px;height:100px;object-fit:cover;border-radius:8px}.image-description{display:flex;gap:10px}.date-picker{margin-top:50px;margin-left:20px}.date-picker label{font-size:15px;font-weight:500}.date-input{margin-left:10px}input[type=date]{background-color:#fdccc5;border:1px solid white;color:#000;font-size:15px;border-radius:5px;padding:5px}.img-description{font-size:13px}.book-now{padding:0!important}.modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fdccc5;padding:20px;border-radius:8px;width:100%;max-width:400px}.modal.success{text-align:center}.modal input{width:90%;padding:5px;margin-bottom:10px;border-radius:10px;border:none;font-size:16px}.modal-actions{display:flex;gap:10px}.modal-actions button{font-size:11px!important;width:100px!important;padding:5px!important;border-radius:10px}.error{color:red;margin-bottom:10px}.slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px}.slot-btn{padding:10px;border-radius:6px;background:#111;color:#fff;display:flex;flex-direction:column;align-items:center}.book-now{font-size:12px;opacity:.8}.salon-form{display:flex;flex-direction:column;align-items:flex-start}.confirm-btn{display:flex;justify-content:center;align-items:center;background-color:#f69687!important;color:#fff!important;border:none!important}.cancel-btn{background-color:transparent!important;color:#000!important;border:1px solid #f88c7c!important}.banking-details{font-size:12px;margin-bottom:0}.verify-container{height:100vh;background:linear-gradient(130deg,#fdccc5,#fff);display:flex;justify-content:center;align-items:center;width:100%}.verify-card{width:80%;max-width:420px;background:#f4c9c959;padding:40px;border-radius:10px;box-shadow:0 10px 30px #00000040;text-align:center}.verify-card h2{margin-bottom:10px}.verify-msg{margin:14px auto 20px;padding:10px;border-radius:8px;font-size:14px}.verify-msg.loading{background:#fff7f6;color:#333}.verify-msg.success{background:#e8fff1;color:#116b2b}.verify-msg.error{background:#ffe5e5;color:#b00020}.verify-btn{width:80%;margin:10px auto 0;padding:12px;border:none;border-radius:6px;background:#fdccc5;font-size:15px;cursor:pointer;color:#fff;display:flex;justify-content:center;align-items:center}.verify-btn:hover{background:#333}.verify-btn:disabled{opacity:.7;cursor:not-allowed}.verify-link{display:inline-block;margin-top:14px;color:#333;text-decoration:underline;font-size:14px}.register-container{height:100vh;background:linear-gradient(130deg,#fdccc5,#fff);display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.salon-owner-register{font-size:20px;font-weight:700;margin-bottom:20px}.register-card{display:flex;flex-direction:column;align-items:center;background:#f4c9c959;padding:40px;width:80%;max-width:380px;border-radius:10px;box-shadow:0 10px 30px #0000004d;text-align:center}.register-card h2{margin-bottom:5px}.register-card p{margin-bottom:25px;color:#666}.register-card input{width:80%;padding:12px;margin-bottom:15px;border-radius:6px;border:1px solid #ccc;font-size:16px}.register-card button{display:flex;justify-content:center;align-items:center;width:50%;padding:12px;border:none;border-radius:6px;background:#fdccc5;font-size:15px;cursor:pointer;color:#fff}.register-card button:hover{background:#333}.register-footer{margin-top:18px;font-size:14px}.register-footer a{color:#333;font-weight:600;text-decoration:underline}.error{width:80%;background:#ffe5e5;color:#b00020;padding:10px;border-radius:5px;margin-bottom:15px;font-size:14px}.success{width:80%;background:#e8fff1;color:#116b2b;padding:10px;border-radius:5px;margin-bottom:15px;font-size:14px}.input-div-register{width:90%}.admin-salons-page{width:100%}.admin-toolbar{display:flex;gap:5px;align-items:center;margin:12px 0 18px}.admin-toolbar select{padding:5px;border-radius:8px;border:1px solid #ddd}.refresh-btn{background:#fdccc5;color:#fff;border:none;padding:9px 8px;border-radius:10px;cursor:pointer}.admin-table-wrap{width:100%;overflow-x:auto}.admin-table{width:100%;min-width:820px;border-collapse:collapse}.admin-table th,.admin-table td{padding:12px;border-bottom:1px solid #eee;text-align:left;vertical-align:top}.cell-title{font-weight:700}.cell-sub{font-size:13px;color:#777;margin-top:4px}.pill{display:inline-block;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700}.pill-active{background:#e8fff1;color:#0c7a3b}.pill-inactive{background:#ffecec;color:#b00020}.actions{display:flex;gap:8px;flex-wrap:wrap}.btn{padding:9px 12px;border-radius:10px;border:1px solid #ddd;background:#fff;cursor:pointer}.btn.primary{border:none;background:#fdccc5;color:#fff}.btn.danger{border:none;background:#333;color:#fff}.modal-backdrop{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;padding:14px;z-index:999}.modal-card{width:100%;max-width:520px;background:linear-gradient(130deg,#fdccc5,#fff);border-radius:14px;padding:18px;box-shadow:0 10px 30px #00000040}.modal-sub{color:#444;margin-top:6px;margin-bottom:12px}.modal-form{display:flex;flex-direction:column;gap:8px}.modal-form input,.modal-form select{padding:10px;border-radius:10px;border:1px solid #ddd}.modal-error{background:#ffe5e5;color:#b00020;padding:10px;border-radius:10px;margin:10px 0}.modal-actions{display:flex;gap:10px;margin-top:14px}.payments-list{max-height:320px;overflow:auto;background:#ffffffb3;border-radius:12px;padding:10px}.payment-row{padding:10px;border-bottom:1px solid rgba(0,0,0,.06)}.payment-main{font-size:14px}.payment-sub{font-size:12px;color:#666;margin-top:4px}.admin-search{padding:10px;border-radius:10px;border:1px solid #ddd;width:40%;outline:none}.admin-search:focus{border-color:#e67665}