*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.app{min-height:100vh}.app.auth-layout{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;padding:20px;display:flex}.auth-container{justify-content:center;align-items:center;width:100%;display:flex}.auth-form{-webkit-backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #ffffff2e;border-radius:20px;width:100%;max-width:400px;padding:40px 30px;box-shadow:0 8px 32px #1f26875e}.auth-form h2{text-align:center;color:#fff;text-transform:uppercase;letter-spacing:2px;margin-bottom:30px;font-size:28px;font-weight:600}.input-group{margin-bottom:20px}.input-group input{background:#ffffffe6;border:none;border-radius:10px;outline:none;width:100%;padding:15px;font-size:16px;transition:all .3s}.input-group input:focus{background:#fff;box-shadow:0 0 0 2px #ffffff80}.input-group input::placeholder{color:#888}.role-section{text-align:center;margin:25px 0}.role-section h3{color:#fff;margin-bottom:15px;font-size:18px;font-weight:500}.role-options{justify-content:center;gap:15px;display:flex}.role-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;border:2px solid #ffffff80;border-radius:10px;flex:1;padding:12px 20px;font-size:16px;font-weight:500;transition:all .3s}.role-btn:hover{background:#ffffff4d;border-color:#ffffffb3}.role-btn.active{color:#333;background:#ffffffe6;border-color:#fff;transform:scale(1.05)}.auth-button{color:#333;cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:#ffffffe6;border:none;border-radius:10px;width:100%;margin-top:10px;padding:15px;font-size:16px;font-weight:600;transition:all .3s}.auth-button:hover{background:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #0003}.link-btn{color:#fff;cursor:pointer;background:0 0;border:none;width:100%;margin-top:20px;padding:10px;font-size:14px;text-decoration:underline;transition:color .3s}.link-btn:hover{color:#e0e0e0}@media (max-width:480px){.auth-form{padding:30px 20px}.auth-form h2{font-size:24px}.role-options{flex-direction:column;gap:10px}}.service-pricing-container{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);flex-direction:column;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}.service-pricing-header{color:#fff;background:linear-gradient(135deg,#1e293b 0%,#334155 100%);padding:0;box-shadow:0 4px 6px -1px #0000001a}.service-pricing-content{flex:1;justify-content:center;align-items:flex-start;width:100%;max-width:600px;margin:0 auto;padding:40px 32px;display:flex}.pricing-card-centered{background:#fff;border-radius:16px;width:100%;max-width:500px;overflow:hidden;box-shadow:0 10px 25px -5px #0000001a,0 4px 6px -2px #0000000d}.card-header{text-align:center;border-bottom:1px solid #f1f5f9;padding:32px 32px 24px}.card-header h2{color:#1e293b;margin:0 0 8px;font-size:24px;font-weight:700}.card-header p{color:#64748b;margin:0;font-size:14px}.pricing-form{padding:32px}.form-group{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.price-input-group{border-radius:8px;align-items:stretch;display:flex;overflow:hidden;box-shadow:0 1px 2px #0000000d}.currency-selector{flex-shrink:0}.price-input-wrapper{flex:1;position:relative}.price-input{text-align:right;color:#1f2937;background-color:#fff;border:1px solid #d1d5db;border-left:none;border-radius:0 8px 8px 0;width:100%;height:44px;padding:12px 16px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:16px;font-weight:500;transition:all .2s}.price-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.price-input::placeholder{color:#9ca3af;font-weight:400}.price-preview{display:none}.price-hint{color:#6b7280;margin-top:4px;font-size:12px}.price-preview-card{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:1px solid #bae6fd;border-radius:12px;margin:24px 0;padding:20px}.price-preview-card h3{color:#0369a1;margin:0 0 16px;font-size:16px;font-weight:600}.preview-content{justify-content:space-between;align-items:center;display:flex}.preview-service{flex-direction:column;gap:4px;display:flex}.preview-service strong{color:#1e293b;font-size:14px}.preview-service span{color:#64748b;font-size:12px}.preview-price{color:#059669;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:24px;font-weight:700}.submit-button{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:8px;min-width:140px;padding:12px 32px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;font-weight:600;transition:all .3s;box-shadow:0 4px 6px -1px #10b9814d}.cancel-button{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:#6b7280;border:none;border-radius:8px;min-width:140px;padding:12px 32px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;font-weight:600;transition:all .3s}@media (max-width:1024px){.service-pricing-content{padding:32px 24px}.header-content{padding:20px 24px}.header-content h1{font-size:28px}}@media (max-width:768px){.service-pricing-content{padding:24px 16px}.header-content{flex-direction:column;align-items:flex-start;gap:12px;padding:16px 20px}.header-content h1{font-size:24px}.pricing-form{padding:24px}.price-input-group{flex-direction:column}.currency-selector{width:100%}.price-input{border-left:1px solid #d1d5db;border-radius:0 0 8px 8px}.form-actions{flex-direction:column;align-items:center}.submit-button,.cancel-button{width:100%;max-width:200px}}@media (max-width:480px){.service-pricing-content{padding:20px 12px}.header-content{padding:12px 16px}.header-content h1{font-size:20px}.pricing-form{padding:20px}.stat-badge{padding:6px 12px;font-size:12px}.card-header{padding:24px 24px 20px}.card-header h2{font-size:20px}}@media (max-width:1024px){.services-slots-content{padding:24px}.header-content{padding:20px 24px}.header-content h1{font-size:28px}.dashboard-layout{grid-template-columns:200px 1fr;gap:24px}.services-section .table-header,.services-section .table-row{grid-template-columns:.5fr 2fr 1fr;padding:16px 24px}.slots-section .table-header,.slots-section .table-row{grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;padding:16px 24px}}@media (max-width:768px){.services-slots-content{padding:16px}.header-content{flex-direction:column;align-items:flex-start;gap:12px;padding:16px 20px}.header-content h1{font-size:24px}.dashboard-layout{grid-template-columns:1fr;gap:16px}.sidebar{flex-direction:row;padding:16px;overflow-x:auto}.sidebar-button{white-space:nowrap;text-align:center;min-width:120px}.section-header{flex-direction:column;align-items:flex-start;gap:16px;padding:24px}.services-section .table-header,.services-section .table-row,.slots-section .table-header,.slots-section .table-row{grid-template-columns:1fr;gap:12px;padding:16px 20px}.header-cell{display:none}.table-cell:before{content:attr(data-label);color:#3b82f6;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:12px;font-weight:700;display:block}.service-cell{text-align:left;flex-direction:column;gap:8px}.price-cell,.availability-cell{justify-content:flex-start}}@media (max-width:480px){.services-slots-content{padding:12px}.header-content{padding:12px 16px}.header-content h1{font-size:20px}.section-header{padding:20px}.services-section .table-header,.services-section .table-row,.slots-section .table-header,.slots-section .table-row{padding:12px 16px}.stat-badge{padding:6px 12px;font-size:12px}.add-button{justify-content:center;width:100%}}.create-slot-container{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);flex-direction:column;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}.create-slot-header{color:#fff;background:linear-gradient(135deg,#1e293b 0%,#334155 100%);padding:0;box-shadow:0 4px 6px -1px #0000001a}.create-slot-content{flex:1;width:100%;max-width:800px;margin:0 auto;padding:32px}.form-container{background:#fff;border-radius:16px;padding:40px;overflow:hidden;box-shadow:0 10px 25px -5px #0000001a,0 4px 6px -2px #0000000d}.slot-form{flex-direction:column;gap:24px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{color:#374151;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;font-weight:600}.time-selection-group{grid-template-columns:1fr 1fr;gap:20px;display:grid}.date-picker-container{position:relative}.date-picker-input{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;min-height:44px;padding:12px 16px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;transition:all .2s;box-shadow:0 1px 2px #0000000d}.date-picker-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.date-picker-popper{z-index:1000;font-family:Inter,system-ui,-apple-system,sans-serif}.custom-option{cursor:pointer;border-bottom:1px solid #f3f4f6;padding:12px 16px;transition:background-color .2s}.custom-option:hover{background-color:#f9fafb}.option-main{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.option-label{color:#1f2937;font-size:14px;font-weight:600}.option-duration{color:#6b7280;background:#f3f4f6;border-radius:12px;padding:2px 8px;font-size:12px}.option-description{color:#6b7280;margin-bottom:8px;font-size:12px;line-height:1.4}.option-footer{justify-content:space-between;align-items:center;display:flex}.option-category{color:#3b82f6;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.option-price{color:#059669;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;font-weight:700}.service-preview-card{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:1px solid #bae6fd;border-radius:12px;margin:16px 0;padding:20px}.service-preview-card h3{color:#0369a1;margin:0 0 16px;font-size:16px;font-weight:600}.preview-content{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.preview-service{flex-direction:column;flex:1;gap:6px;display:flex}.preview-service strong{color:#1e293b;font-size:16px;font-weight:700}.preview-service span{color:#64748b;font-size:13px;font-weight:500}.preview-service p{color:#475569;margin:8px 0 0;font-size:14px;line-height:1.5}.preview-price{color:#059669;white-space:nowrap;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:24px;font-weight:700}.form-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:16px;margin-top:24px;padding-top:24px;display:flex}.submit-button{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:8px;padding:12px 32px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;font-weight:600;transition:all .3s;box-shadow:0 4px 6px -1px #10b9814d}.submit-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 10px -1px #10b98166}.submit-button:disabled{cursor:not-allowed;box-shadow:none;background:#9ca3af;transform:none}.cancel-button{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:#6b7280;border:none;border-radius:8px;padding:12px 32px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;font-weight:600;transition:all .3s}.cancel-button:hover{background:#4b5563;transform:translateY(-1px)}@media (max-width:1024px){.create-slot-content{padding:24px}.header-content{padding:20px 24px}.header-content h1{font-size:28px}}@media (max-width:768px){.create-slot-content{padding:16px}.header-content{flex-direction:column;align-items:flex-start;gap:12px;padding:16px 20px}.header-content h1{font-size:24px}.form-container{padding:24px}.time-selection-group{grid-template-columns:1fr;gap:16px}.preview-content{text-align:center;flex-direction:column;gap:16px}.preview-price{font-size:20px}.form-actions{flex-direction:column}.submit-button,.cancel-button{width:100%}}@media (max-width:480px){.create-slot-content{padding:12px}.header-content{padding:12px 16px}.header-content h1{font-size:20px}.form-container{padding:20px}.stat-badge{padding:6px 12px;font-size:12px}.service-preview-card{padding:16px}.preview-service strong{font-size:14px}.preview-service p{font-size:13px}}.react-select__menu{border:1px solid #e5e7eb!important;border-radius:8px!important;box-shadow:0 10px 15px -3px #0000001a!important}.react-select__menu-list{padding:4px!important}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{content:"";border:3px solid #ccc;border-width:3px 3px 0 0;width:9px;height:9px;display:block;position:absolute;top:6px}.react-datepicker__sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.react-datepicker-wrapper{border:0;padding:0;display:inline-block}.react-datepicker{color:#000;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:initial;background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{margin:0 15px;display:inline-block}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{color:#000;margin-top:0;font-size:.944rem;font-weight:700}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{text-align:center;cursor:pointer;z-index:1;text-indent:-999em;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex;position:absolute;top:2px;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{margin-left:auto;margin-right:auto;display:block;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{width:0;font-size:20px;position:relative;top:-1px}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{text-align:center;margin:.4rem}.react-datepicker__year-wrapper{flex-wrap:wrap;max-width:180px;display:flex}.react-datepicker__year .react-datepicker__year-text{width:4rem;margin:2px;display:inline-block}.react-datepicker__month{text-align:center;margin:.4rem}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{width:4rem;margin:2px;display:inline-block}.react-datepicker__input-time-container{clear:both;float:left;text-align:left;width:100%;margin:5px 0 10px 15px}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{margin-left:10px;display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;top:0;right:-87px}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{text-align:center;border-bottom-right-radius:.3rem;width:85px;margin:0 auto;overflow-x:hidden}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:content-box;width:100%;height:calc(195px + .85rem);margin:0;padding-left:0;padding-right:0;list-style:none;overflow-y:scroll}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{white-space:nowrap;height:30px;padding:5px 10px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{color:#fff;background-color:#216ba5;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:#0000}.react-datepicker__week-number{color:#ccc;text-align:center;width:1.7rem;margin:.166rem;line-height:1.7rem;display:inline-block}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{color:#fff;background-color:#216ba5;border-radius:.3rem}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;text-align:center;width:1.7rem;margin:.166rem;line-height:1.7rem;display:inline-block}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{color:#fff;background-color:#3dcc4a;border-radius:.3rem}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{color:#fff;background-color:#ff6803;border-radius:.3rem;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{color:#fff;white-space:nowrap;visibility:hidden;opacity:0;background-color:#333;border-radius:4px;padding:4px;transition:visibility,opacity .3s ease-in-out;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{color:#fff;background-color:#216ba5;border-radius:.3rem}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{color:#000;background-color:#bad9f1;border-radius:.3rem}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){color:#000;background-color:#f0f0f0}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{color:#fff;white-space:nowrap;visibility:hidden;opacity:0;background-color:#333;border-radius:4px;padding:4px;transition:visibility,opacity .3s ease-in-out;position:absolute;bottom:70%;left:50%;transform:translate(-50%)}.react-datepicker__input-container{width:100%;display:inline-block;position:relative}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:content-box;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{top:0;right:-16px;transform:rotate(135deg)}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{z-index:1;text-align:center;background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;width:50%;position:absolute;top:30px;left:25%}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{width:100%;margin-left:auto;margin-right:auto;line-height:20px;display:block}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;user-select:none;border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;vertical-align:middle;background-color:#0000;border:0;outline:0;height:100%;padding:0 6px 0 0;display:table-cell;position:absolute;top:0;right:0}.react-datepicker__close-icon:after{cursor:pointer;color:#fff;text-align:center;vertical-align:middle;content:"×";background-color:#216ba5;border-radius:50%;width:16px;height:16px;padding:2px;font-size:12px;line-height:1;display:table-cell}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{cursor:pointer;text-align:center;clear:left;background:#f0f0f0;border-top:1px solid #aeaeae;padding:5px 0;font-weight:700}.react-datepicker__portal{z-index:2147483647;background-color:#000c;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width:400px),(max-height:550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem}.react-datepicker__aria-live{clip-path:circle(0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.react-datepicker__calendar-icon{vertical-align:-.125em;width:1em;height:1em}.auth-container{justify-content:center;align-items:center;height:100vh;display:flex}.services-slots-container{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);flex-direction:column;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}.services-slots-header{color:#fff;background:linear-gradient(135deg,#1e293b 0%,#334155 100%);padding:0;box-shadow:0 4px 6px -1px #0000001a}.header-content{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:24px 32px;display:flex}.header-content h1{color:#f1f5f9;letter-spacing:-.5px;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:32px;font-weight:700}.header-stats{gap:16px;display:flex}.stat-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:8px 16px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;font-weight:500}.services-slots-content{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:32px}.dashboard-layout{grid-template-columns:250px 1fr;gap:32px;min-height:600px;display:grid}.sidebar{background:#fff;border-radius:16px;flex-direction:column;gap:12px;height:fit-content;padding:24px;display:flex;box-shadow:0 10px 25px -5px #0000001a,0 4px 6px -2px #0000000d}.sidebar-button{color:#6b7280;cursor:pointer;text-align:left;text-transform:none;letter-spacing:0;background:0 0;border:2px solid #e5e7eb;border-radius:12px;padding:16px 20px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:16px;font-weight:600;transition:all .3s}.sidebar-button:hover{color:#3b82f6;background:#f8fafc;border-color:#3b82f6;transform:translateY(-2px)}.sidebar-button.active{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d}.main-content{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 25px -5px #0000001a,0 4px 6px -2px #0000000d}.section-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:32px;display:flex}.section-header h2{color:#1e293b;margin:0;font-size:24px;font-weight:700}.selected-mentor-text{color:#6b7280;margin-top:8px;font-size:14px}.selected-mentor-text strong{color:#3b82f6}.add-button{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 6px -1px #10b9814d}.add-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px -1px #10b98166}.table-container{padding:0}.services-table{width:100%}.services-section .table-header{color:#fff;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);grid-template-columns:.5fr 2fr 1fr;padding:20px 32px;font-size:14px;font-weight:600;display:grid}.services-section .table-row{border-bottom:1px solid #f1f5f9;grid-template-columns:.5fr 2fr 1fr;align-items:center;min-height:72px;padding:20px 32px;transition:all .3s;display:grid}.slots-section .table-header{color:#fff;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);grid-template-columns:1fr 1.5fr 1fr 1fr 1fr;padding:20px 32px;font-size:14px;font-weight:600;display:grid}.slots-section .table-row{border-bottom:1px solid #f1f5f9;grid-template-columns:1fr 1.5fr 1fr 1fr 1fr;align-items:center;min-height:72px;padding:20px 32px;transition:all .3s;display:grid}.table-row:hover{background-color:#f8fafc;transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.table-row:last-child{border-bottom:none}.table-cell{color:#475569;align-items:center;padding:8px 0;font-size:14px;display:flex}.id-cell{justify-content:flex-start;display:flex}.id-tag{color:#475569;background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);border:1px solid #cbd5e1;border-radius:8px;padding:6px 12px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;font-weight:700}.service-cell{color:#1e293b;align-items:center;font-weight:600;display:flex}.service-info{flex-direction:column;gap:4px;display:flex}.service-name{color:#1e293b;font-size:14px;font-weight:600}.service-id{color:#64748b;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px}.date-cell{color:#64748b;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px}.time-cell{color:#64748b;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;font-weight:500}.price-cell{justify-content:flex-start;display:flex}.price-tag{color:#0369a1;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:1px solid #bae6fd;border-radius:8px;padding:6px 12px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;font-weight:700}.availability-cell{justify-content:flex-start;display:flex}.availability-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600}.availability-badge.available{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.availability-badge.not-available{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.status{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600}.status.available{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.status.booked{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.no-data{text-align:center;color:#64748b;padding:40px;font-size:16px}.mentor-popup-overlay{z-index:9999;background-color:#0009;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mentor-popup{background-color:#fff;border-radius:12px;width:450px;max-width:90%;max-height:80vh;padding:24px;animation:.3s slideUp;position:relative;overflow-y:auto;box-shadow:0 20px 25px -5px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mentor-popup h2{color:#1e293b;margin:0 0 20px;font-size:24px;font-weight:700}.close-button{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:28px;line-height:1;transition:all .3s;display:flex;position:absolute;top:16px;right:16px}.close-button:hover{color:#1e293b;background:#e2e8f0;transform:rotate(90deg)}.mentor-list{margin-top:20px}.mentor-item{cursor:pointer;border-bottom:1px solid #e5e7eb;border-radius:8px;flex-direction:column;margin-bottom:8px;padding:12px 16px;transition:all .3s;display:flex}.mentor-item:last-child{border-bottom:none}.mentor-item:hover{background-color:#f3f4f6;transform:translate(4px)}.mentor-item.selected{background-color:#dbeafe;border:2px solid #3b82f6}.mentor-item strong{color:#111827;margin-bottom:4px;font-size:16px}.mentor-item span{color:#6b7280;font-size:14px}@media (max-width:1024px){.services-slots-content{padding:24px}.header-content{padding:20px 24px}.header-content h1{font-size:28px}.dashboard-layout{grid-template-columns:200px 1fr;gap:24px}.services-section .table-header,.services-section .table-row{grid-template-columns:.5fr 2fr 1fr;padding:16px 24px}.slots-section .table-header,.slots-section .table-row{grid-template-columns:1fr 1.5fr 1fr 1fr 1fr;padding:16px 24px}}@media (max-width:768px){.services-slots-content{padding:16px}.header-content{flex-direction:column;align-items:flex-start;gap:12px;padding:16px 20px}.header-content h1{font-size:24px}.dashboard-layout{grid-template-columns:1fr;gap:16px}.sidebar{flex-direction:row;padding:16px;overflow-x:auto}.sidebar-button{white-space:nowrap;text-align:center;min-width:120px}.section-header{flex-direction:column;align-items:flex-start;gap:16px;padding:24px}.services-section .table-header,.services-section .table-row,.slots-section .table-header,.slots-section .table-row{grid-template-columns:1fr;gap:12px;padding:16px 20px}.header-cell{display:none}.table-cell:before{content:attr(data-label);color:#3b82f6;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:12px;font-weight:700;display:block}.service-cell{text-align:left;flex-direction:column;gap:8px}.price-cell,.availability-cell{justify-content:flex-start}.mentor-popup{width:90%;max-width:90%}}@media (max-width:480px){.services-slots-content{padding:12px}.header-content{padding:12px 16px}.header-content h1{font-size:20px}.section-header{padding:20px}.services-section .table-header,.services-section .table-row,.slots-section .table-header,.slots-section .table-row{padding:12px 16px}.stat-badge{padding:6px 12px;font-size:12px}.add-button{justify-content:center;width:100%}.mentor-popup{padding:20px}.mentor-popup h2{font-size:20px}}:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;margin:0;padding:0}#root{min-height:100vh}