.react-calendar{background:#fff;border:1px solid #a0a096;width:350px;max-width:100%;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{margin:-.5em;display:flex}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar :before,.react-calendar :after{box-sizing:border-box}.react-calendar button{border:0;outline:none;margin:0}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{height:44px;margin-bottom:1em;display:flex}.react-calendar__navigation button{background:0 0;min-width:44px}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{font:inherit;justify-content:center;align-items:center;font-size:.75em;font-weight:700;display:flex}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{text-align:center;max-width:100%;font:inherit;background:0 0;padding:10px 6.6667px;font-size:.833em}.react-calendar__tile:disabled{color:#ababab;background-color:#f0f0f0}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{color:#fff;background:#006edc}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}*{font-family:Poppins,sans-serif}body{background:linear-gradient(-45deg,#fdf2f8,#ffe4e6,#f8fafc,#fbcfe8) 0 0/400% 400%;margin:0;font-family:Poppins,sans-serif;animation:10s infinite gradientMove}@keyframes gradientMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.main-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd9}.header{background:#fff;border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;padding:15px 0;display:flex;box-shadow:0 4px 20px #0000000d}.logo{align-items:center;gap:10px;margin-left:20px;font-size:40px;font-weight:600;display:flex}.logo img{width:35px;height:35px}.logo .highlight{color:#ff4d6d}.main-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;max-width:1170px;margin:0 auto;box-shadow:0 20px 50px #00000014}.nav a{color:#555;margin:0 15px;font-weight:500;text-decoration:none;transition:all .3s}.nav a:hover{color:#ff4d6d}.book-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff4d6d,#ff758f);border:none;border-radius:8px;margin-right:20px;padding:10px 22px;font-weight:500;transition:all .3s}.book-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #ff4d6d4d}.main-content{gap:40px;max-width:1140px;margin:0 auto;padding:15px;display:flex;box-shadow:0 0 20px #0000000d}.content{background:#fff;margin-top:2px;display:flex}.left-panel{position:relative;overflow:hidden}.barber-img{width:auto;max-width:100%;min-height:100%}.steps{position:absolute;bottom:120px;left:100px}.step{color:#777;margin-bottom:20px;font-size:25px}.step-item{align-items:center;margin-bottom:15px;display:flex}.circle{color:#333;background:#ddd;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-right:12px;font-size:14px;display:flex}.circle.filled{color:#fff;background:#ff4d6d}.step-item p{color:#777;margin:0}.step-item.active p{color:#ff4d6d;font-weight:600}.stepper{align-items:center;margin-bottom:20px;display:flex}.stepper-item{align-items:center;display:flex}.stepper .circle{background:#ddd;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;margin-right:5px;display:flex}.stepper .circle.active{color:#fff;background:#ff4d6d}.line{background:#ddd;width:170px;height:2px}.line.active{background:#ff4d6d}.right-panel{background:#fff;width:75%;padding:25px}.stepper{margin-bottom:25px}.right-panel{flex-direction:column;height:100%;min-height:80vh;display:flex}.right-content{flex:1}.nav-btns{justify-content:space-between;margin-top:auto;padding-top:20px;display:flex}.service-card{cursor:pointer;background:#fff;border:1px solid #eee;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px;padding:10px 15px;transition:all .3s;display:flex}.service-card:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0000000d}.service-card.active{background:#fff5f7;border:2px solid #ff4d6d}.checkbox{border:2px solid #ddd;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;margin-right:15px;font-weight:700;display:flex}.checkbox.checked{color:#fff;background:#ff4d6d;border:none}.service-text{flex:1}.service-text h4{margin:0}.service-text p{color:#777;margin:5px 0 0;font-size:14px}.service-icon img{object-fit:contain;width:50px;height:50px}.serive-list h1{color:#333;margin-bottom:5px;font-size:30px;font-weight:500}.serive-list h4{color:#777;margin-top:0;margin-bottom:15px;font-size:16px;font-weight:400}.serive-list .service-text h4{margin-bottom:0}.service-card .service-text h4{color:#333;font-weight:500}.back-btn{cursor:pointer;background:#ccc;border:none;border-radius:6px;min-width:100px;min-height:40px;padding:10px 20px;font-size:16px;font-weight:500;transition:all .3s}.next-btn{color:#fff;cursor:pointer;background:#ff4d6d;border:none;border-radius:6px;transition:all .3s}.btn-size{min-width:100px;min-height:40px;font-size:16px;font-weight:500}.next-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #ff4d6d4d}.back-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #cccccc4d}.next-btn:disabled{cursor:not-allowed;background:#ddd}.dt-container{padding:10px 0}.dt-title{margin-bottom:15px;font-size:22px;font-weight:600}.dt-wrapper{gap:25px;display:flex}.dt-calendar{background:#fff;border-radius:14px;padding:15px;box-shadow:0 8px 20px #0000000a}.dt-time{flex:1}.dt-date{color:#444;margin-bottom:15px;font-weight:500}.dt-time-list{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.dt-time-btn{cursor:pointer;background:#fafafa;border:1px solid #eee;border-radius:10px;padding:12px;font-weight:500;transition:all .2s}.dt-time-btn:hover{background:#fff;border-color:#ff4d6d}.dt-time-btn.active{color:#fff;background:#ff4d6d;border:none}.datetime-layout{gap:30px;margin-top:20px;display:flex}.calendar-box{background:#fff;border-radius:12px;width:45%;padding:15px;box-shadow:0 10px 25px #0000000d}.time-box{background:#fff;border-radius:12px;width:55%;padding:15px;box-shadow:0 10px 25px #0000000d}.time-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.time-btn{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;padding:10px;transition:all .2s}.time-btn:hover{border-color:#ff4d6d}.time-btn.active{color:#fff;background:#ff4d6d;border:none}.react-calendar{background:#fff;border:none;border-radius:16px;padding:10px;font-family:Poppins,sans-serif}.react-calendar__navigation{background:#ff4d6d;justify-content:space-between;margin-bottom:10px;display:flex}.react-calendar__navigation button{cursor:pointer;color:#fff;background:0 0;border:none;font-size:16px;font-weight:600}.react-calendar__navigation__label{font-weight:600}.react-calendar__month-view__weekdays{text-align:center;font-size:12px;font-weight:600}.react-calendar__tile{border-radius:10px;padding:10px 0;transition:all .2s}.react-calendar__tile:hover{background:#f1f5f9}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{color:#333}.react-calendar__tile--active{color:#fff;border-radius:10px;background:#ff4d6d!important}.react-calendar__tile--now{background:#fff3f5;border-radius:10px}.react-calendar__tile:disabled{color:#ccc}.form-group{margin-bottom:15px}.form-group label{margin-bottom:5px;font-weight:500;display:block}.form-group input{border:1px solid #ccc;border-radius:6px;width:625px;padding:10px}.error{color:red;font-size:12px}.confirm-container{margin-top:10px}.confirm-box{background:#fafafa;border:1px solid #eee;border-radius:10px;margin-bottom:15px;padding:15px}.confirm-box h4{margin-bottom:10px}.confirm-btn{color:#fff;cursor:pointer;background:#28a745;border:none;border-radius:8px;padding:10px 15px;font-size:16px;font-weight:500;transition:all .3s}.confirm-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #cccccc4d}.footer{text-align:center;background:#f8f9fa;border-bottom-right-radius:10px;border-bottom-left-radius:10px;width:1170px;max-width:100%;margin:0 auto 20px;padding:0}.footer-algn{justify-content:space-between;align-items:baseline;padding:10px 15px;display:flex}.footer-algn span{color:#6c757d;margin:0}.footer-links{margin-top:10px}.footer-links span{color:#6c757d;margin-right:15px}.highlight{color:#ff4d6d}.nav{display:flex}.nav a{color:#555;margin:0 15px;font-weight:500;text-decoration:none}.book-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff4d6d,#ff758f);border:none;border-radius:8px;padding:10px 22px}.menu-toggle{cursor:pointer;font-size:26px;display:none}@media (width>=768px) and (width<=991px){body,#root{width:auto;max-width:100%}.barber-img{width:100%}.steps{position:absolute;bottom:300px;left:150px}.step-item.active p,.step-item p{font-size:25px}.circle{width:52px;height:52px;font-size:20px}.stepper .line{width:195px}.dt-container .dt-wrapper{flex-direction:row}.main-container .right-panel{min-height:auto}.left-panel{order:2}.right-panel{order:1}}@media (width>=991px){.header{width:1170px;margin:0 auto}}@media (width<=768px){body,#root{width:auto;max-width:100%}.content{flex-direction:column}.left-panel,.right-panel{width:auto}.left-panel{order:2}.right-panel{order:1}.dt-container{padding:10px 0}.dt-title{margin-bottom:15px;font-size:22px;font-weight:600}.dt-wrapper{gap:25px;display:flex}.dt-calendar{background:#fff;border-radius:14px;padding:0;box-shadow:0 8px 20px #0000000a}.dt-time{flex:1}.dt-date{color:#444;margin-bottom:15px;font-weight:500}.dt-time-btn{cursor:pointer;background:#fafafa;border:1px solid #eee;border-radius:10px;padding:12px;font-weight:500;transition:all .2s}.dt-time-btn:hover{background:#fff;border-color:#ff4d6d}.dt-time-btn.active{color:#fff;background:#ff4d6d;border:none}.dt-wrapper{flex-direction:column}.logo{font-size:25px}.line{width:65px}.footer-algn{justify-content:center;display:grid}.form-group input{width:100%;margin-left:-15px;margin-right:-15px}.right-panel{min-height:70vh}.menu-toggle{margin-right:15px;transition:all .3s;display:block}.nav{z-index:1;background:#fff;flex-direction:column;width:250px;transition:all .3s;display:none;position:absolute;top:80px;right:0;box-shadow:0 10px 25px #0000001a}.nav a{border-bottom:1px solid #eee;padding:12px}.nav.active{display:flex}.book-btn{display:none}}