:root{--primary: #0069ff;--primary-hover: #005ce6;--bg-color: #f8f9fa;--text-dark: #111827;--text-light: #6b7280;--border-color: #e5e7eb}body{font-family:Inter,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text-dark);display:flex;justify-content:center;min-height:100vh;margin:0}.container{width:100%;max-width:1200px;margin:40px 20px;padding-bottom:120px}h1{text-align:center;margin-bottom:40px;font-weight:800}.fade-in{animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.service-card{background:#fff;padding:25px;border-radius:12px;border:1px solid transparent;box-shadow:0 2px 8px #0000000d;cursor:pointer;transition:all .2s}.service-card:hover{transform:translateY(-3px);box-shadow:0 8px 16px #0000001a}.service-card.selected{border:2px solid var(--primary);background-color:#f0f7ff}.service-info h3{margin:0 0 5px;font-size:1.1rem}.service-price{font-weight:700;color:var(--primary);margin-top:15px;display:block}.floating-cart{position:fixed;bottom:30px;right:30px;background:#fff;padding:15px 30px;border-radius:50px;box-shadow:0 10px 30px #00000026;display:flex;gap:20px;align-items:center;z-index:100;border:1px solid var(--border-color);animation:slideUp .3s}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.total-price{font-size:1.2rem;font-weight:800;color:var(--text-dark)}.btn-next{background:var(--primary);color:#fff;border:none;padding:12px 30px;border-radius:30px;font-weight:700;cursor:pointer}.booking-container{display:flex;flex-direction:row;background:#fff;border-radius:16px;box-shadow:0 4px 25px #0000000d;min-height:600px;border:1px solid var(--border-color);overflow:hidden}.sidebar{width:28%;padding:30px;border-right:1px solid var(--border-color);background:#fff}.calendar-section{width:47%;padding:30px;border-right:1px solid var(--border-color);display:flex;flex-direction:column;align-items:center}.time-section{width:25%;padding:20px;overflow-y:auto;max-height:650px}.selected-service-item{margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #f0f0f0}.selected-service-item:last-child{border-bottom:none}.service-name-row{display:flex;justify-content:space-between;font-weight:600;color:var(--text-dark);margin-bottom:4px}.s-duration{font-size:.85rem;color:var(--text-light)}.divider{height:1px;background:var(--border-color);margin:20px 0}.total-row{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:1.1rem;margin-bottom:10px}.total-badge{color:var(--primary)}.react-calendar__navigation button{font-size:1.1rem;font-weight:700}.react-calendar__month-view__weekdays{text-transform:uppercase;font-size:.75rem;color:var(--text-light);font-weight:600;text-decoration:none!important}.react-calendar__tile{max-width:45px!important;height:45px!important;display:flex!important;justify-content:center!important;align-items:center!important;border-radius:50%!important;margin:5px auto!important;font-weight:500;transition:all .2s;background:transparent!important}.react-calendar__tile--now:hover{background:var(--primary)!important;color:#fff!important}.time-btn{background:#fff;border:1px solid var(--primary);color:var(--primary);padding:12px;border-radius:8px;font-weight:600;cursor:pointer;text-align:center;margin-bottom:10px;width:100%;transition:all .2s}.time-btn:hover{background:#eff6ff;border-width:2px;margin:-1px -1px 9px}.slot-confirm-group{display:flex;gap:8px;width:100%;margin-bottom:10px}.time-btn.selected{background:#4b5563;color:#fff;border-color:#4b5563;width:45%;font-size:.9rem;padding:12px 5px;margin-bottom:0}.confirm-btn-small{background:var(--primary);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;width:55%}.confirm-btn-small:hover{background:var(--primary-hover)}@media(max-width:900px){.booking-container{flex-direction:column}.sidebar,.calendar-section,.time-section{width:100%;border-right:none;border-bottom:1px solid var(--border-color)}}.form-compact{max-width:450px;margin:0 auto;background:#fff;padding:30px;border-radius:16px;box-shadow:0 10px 40px #00000014}.input-field{width:100%;padding:14px;margin-bottom:15px;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;box-sizing:border-box}.btn-full{width:100%;background:var(--primary);color:#fff;padding:16px;border:none;border-radius:50px;font-weight:700;cursor:pointer;font-size:1.1rem}.react-calendar{border:none!important;width:100%!important;font-family:inherit!important}.react-calendar__navigation button{font-size:1.1rem;font-weight:700;color:var(--text-dark)}.react-calendar__month-view__weekdays{text-transform:uppercase;font-size:.75rem;color:var(--text-light);font-weight:600;text-decoration:none!important;margin-bottom:10px}.react-calendar__month-view__weekdays__weekday abbr{text-decoration:none}.react-calendar__tile{max-width:40px!important;height:40px!important;display:flex!important;justify-content:center!important;align-items:center!important;border-radius:50%!important;margin:3px auto!important;font-weight:500;transition:all .2s;background:transparent!important;font-size:.95rem;color:var(--text-dark);flex:0 0 14.28%!important;overflow:visible!important}.react-calendar__tile--neighboringMonth{color:#ccc!important}.react-calendar__tile--active,.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:var(--primary)!important;color:#fff!important;box-shadow:0 4px 10px #0069ff4d}.react-calendar__tile--now{background:transparent!important;color:var(--primary)!important;border:1px solid var(--primary)!important}.react-calendar__month-view__days{display:flex!important;flex-wrap:wrap!important}.react-calendar__navigation{margin-bottom:20px}.react-calendar__navigation button{font-size:1.2rem;font-weight:800;color:var(--text-dark);background:none!important}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#f3f4f6!important;border-radius:8px}.react-calendar__month-view__weekdays{text-transform:uppercase;font-size:.75rem;color:var(--text-light);font-weight:700;text-decoration:none!important;margin-bottom:10px;text-align:center}.react-calendar{border:none!important;width:100%!important;font-family:inherit!important;background:#fff!important}.react-calendar__navigation{margin-bottom:25px;display:flex;justify-content:center}.react-calendar__navigation button{font-size:1.1rem;font-weight:800;color:var(--text-dark);background:none!important;min-width:44px}.react-calendar__month-view__days{display:grid!important;grid-template-columns:repeat(7,1fr);row-gap:5px}.react-calendar__month-view__weekdays{display:grid!important;grid-template-columns:repeat(7,1fr);text-align:center;margin-bottom:15px}.react-calendar__month-view__weekdays__weekday{text-transform:uppercase;font-size:.75rem;color:var(--text-light);font-weight:700;text-decoration:none!important;padding:0;display:flex;justify-content:center}.react-calendar__month-view__weekdays__weekday abbr{text-decoration:none;cursor:default}.react-calendar__tile{max-width:initial!important;width:40px!important;height:40px!important;margin:0 auto!important;display:flex!important;justify-content:center!important;align-items:center!important;border-radius:50%!important;font-weight:600;font-size:1rem;color:var(--text-dark);background:transparent!important;position:relative;overflow:visible!important}.react-calendar__tile:enabled:hover{background-color:#f3f4f6!important;color:var(--primary)}.react-calendar__tile--neighboringMonth{visibility:hidden!important;pointer-events:none!important}.react-calendar__tile--active{background:var(--primary)!important;color:#fff!important;box-shadow:0 4px 10px #0069ff4d}.react-calendar__tile--now{border:1px solid var(--primary)!important;color:var(--primary)!important}.react-calendar__tile--now:enabled:hover{background:var(--primary)!important;color:#fff!important}.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.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{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.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{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.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{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}