.appointment-header{background-color:#fff;box-shadow:0 2px 4px #0000001a;padding:15px 20px}.header-content{align-items:center;display:flex;justify-content:space-between}.header-info{display:flex;flex-direction:column}.header-title{color:#333;font-size:1.5rem;margin:0}.header-subtitle{color:#666;font-size:.9rem;margin:4px 0 0}.header-back-link{border:1px solid #007bff;border-radius:4px;color:#007bff;font-size:.9rem;padding:8px 16px;text-decoration:none;transition:all .2s}.header-back-link:hover{background-color:#007bff;color:#fff}.loading-spinner-container{align-items:center;color:#666;display:flex;font-size:1.1rem;height:100vh;justify-content:center}.loading-message{padding:20px}.active-filters{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:16px;padding:16px 20px}.active-filters-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.active-filters-title{color:#333;font-size:1rem;margin:0}.clear-filters-btn{background:none;border:1px solid #dc3545;border-radius:4px;color:#dc3545;cursor:pointer;font-size:.8rem;padding:4px 8px;transition:all .2s}.clear-filters-btn:hover{background-color:#dc3545;color:#fff}.filters-list{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.filter-tag{background-color:#007bff;border-radius:12px;color:#fff;font-size:.8rem;font-weight:500;padding:4px 8px}.no-filters{color:#999;font-size:.9rem;font-style:italic}.staff-selector{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:12px;padding:12px 16px}.staff-selector-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.staff-selector-title{color:#333;font-size:.9rem;margin:0}.any-available-button{background-color:#fff;border:2px solid #e9ecef;border-radius:6px;color:#333;cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:500;height:auto;min-height:28px;padding:4px 16px;transition:all .2s;white-space:nowrap}.any-available-button:hover{background-color:#f8f9fa;border-color:#007bff}.any-available-button.selected{background-color:#e6f0ff;border-color:#007bff;box-shadow:0 0 8px #007bff33;color:#007bff}.staff-scroll-container{overflow-x:auto;overflow-y:hidden;padding-bottom:6px}.staff-list{display:flex;gap:6px;min-width:max-content}.staff-card{align-items:center!important;background-color:#fff!important;border:2px solid #e9ecef!important;border-radius:6px!important;cursor:pointer;display:flex!important;flex-direction:column!important;flex-shrink:0!important;gap:1px!important;max-width:90px!important;min-width:90px!important;padding:3px!important;text-align:center!important;transition:all .2s}.staff-card:hover{background-color:#f8f9fa;border-color:#007bff}.staff-card.selected{background-color:#e6f0ff!important;border:2px solid #007bff!important;box-shadow:0 0 8px #007bff33!important;transition:background .2s,border .2s!important}.staff-avatar{align-items:center!important;background-color:#dee2e6!important;border-radius:50%!important;color:#6c757d!important;display:flex!important;flex-shrink:0!important;font-size:.65rem!important;height:24px!important;justify-content:center!important;width:24px!important}.staff-avatar-img{border-radius:50%;height:100%;object-fit:cover;width:100%}.staff-name{color:#333!important;font-size:.7rem!important;font-weight:500!important;margin:0!important}.staff-name,.staff-role{line-height:1.1!important;padding:0!important}.staff-role{background-color:initial!important;color:#666!important;font-size:.6rem!important;margin-top:1px!important}.no-staff-message{color:#666;font-size:.8rem;font-style:italic;min-width:100%;padding:16px;text-align:center}.scroll-hint{color:#999;font-size:.7rem;margin-top:4px;text-align:center}.service-selector{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:12px;padding:12px 16px}.service-selector-title{color:#333;font-size:.9rem;margin:0 0 8px}.category-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}.category-card{background-color:#fff;border:2px solid #e9ecef;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:45px;padding:8px 6px;text-align:center;transition:all .2s}.category-card:hover{background-color:#f8f9fa;border-color:#f57c00}.category-name{color:#333;font-size:.75rem;font-weight:500;line-height:1.2}.service-header{gap:10px;margin-bottom:8px}.back-button{background:none;border:none;color:#666;display:flex;font-size:.75rem;gap:3px;padding:3px 6px;text-decoration:underline}.back-button:hover{background-color:#f8f9fa}.service-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.service-card{background-color:#fff;border:2px solid #e9ecef;border-radius:6px;cursor:pointer;padding:10px;transition:all .2s}.service-card.selected,.service-card:hover{background-color:#f8fff8;border-color:#28a745}.service-name{color:#333;font-size:.85rem!important;font-weight:500!important;margin-bottom:3px}.service-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:.75rem;line-height:1.2;overflow:hidden}.service-duration{color:#28a745;font-size:.7rem;font-weight:500;margin-top:2px}.no-items-message{color:#666;font-size:.8rem;font-style:italic;grid-column:1/-1;padding:16px;text-align:center}.date-time-picker{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:16px 20px}.date-time-picker-title{color:#333;font-size:1.1rem;margin:0 0 16px}.collapsed-calendar{align-items:center;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.selected-date-text{color:#333;font-size:.9rem;font-weight:500}.change-date-btn{background:none;border:1px solid #007bff;border-radius:4px;color:#007bff;cursor:pointer;font-size:.8rem;padding:6px 12px;transition:all .2s}.change-date-btn:hover{background-color:#007bff;color:#fff}.calendar-navigation{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.nav-button{align-items:center;background:none;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;display:flex;font-size:.8rem;justify-content:center;min-width:120px;padding:8px 12px;text-align:center;transition:all .2s}.nav-button:hover{background-color:#f8f9fa;border-color:#007bff}.nav-spacer{min-width:120px}.current-month{color:#333;flex:1 1;font-size:.9rem;font-weight:500;text-align:center}.day-headers{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.day-header{color:#666;font-size:.7rem;font-weight:600;padding:6px;text-align:center}.calendar-grid{grid-gap:4px;gap:4px;grid-template-columns:repeat(7,1fr);margin-bottom:16px}.calendar-day{background-color:#fff;border:2px solid #e9ecef;border-radius:4px;cursor:pointer;min-width:0;padding:8px;text-align:center;transition:all .2s}.calendar-day.selected,.calendar-day:hover:not(.past){background-color:#f8f9fa;border-color:#007bff}.calendar-day.past{background-color:#f8f9fa;cursor:not-allowed;opacity:.5}.calendar-day.other-month{opacity:.3}.day-number{font-size:.8rem;font-weight:500;line-height:1}.day-number.today{color:#007bff;font-weight:700}.day-number.current-month{color:#333}.day-number.other-month{color:#999}.time-slots-section{margin-top:16px}.time-slots-title{color:#333;font-size:.9rem;margin:0 0 8px}.time-slots-container{margin-bottom:12px;position:relative}.time-slots-grid{grid-gap:6px;display:grid;gap:6px;grid-auto-flow:column;grid-template-rows:repeat(2,1fr);overflow-x:auto;overflow-y:hidden;padding-bottom:8px;scrollbar-color:#dee2e6 #0000;scrollbar-width:thin}.time-slot{background-color:#fff;border:2px solid #e9ecef;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:500;min-width:75px;padding:8px 12px;transition:all .2s;white-space:nowrap}.time-slot.selected,.time-slot:hover{background-color:#f8fff8;border-color:#28a745}.scroll-indicator{background:linear-gradient(90deg,#0000,#f8f9fae6);border-radius:0 4px 4px 0;color:#666;font-size:.7rem;padding:4px 8px 4px 16px;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%)}.loading-message{align-items:center;background-color:#f8f9fa;border-radius:4px;color:#666;display:flex;font-size:.8rem;gap:8px;justify-content:center;margin-bottom:12px;padding:12px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #dee2e6;border-radius:50%;border-top-color:#007bff;height:16px;width:16px}.no-slots-message{background-color:#f8f9fa;border-radius:4px;color:#666;font-size:.8rem;font-style:italic;margin-bottom:12px;padding:12px;text-align:center}.booking-button{background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px;transition:background-color .2s;width:100%}.booking-button:hover{background-color:#218838}.booking-popup-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;min-height:100vh;position:fixed;right:0;top:0;z-index:1000}.booking-popup{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0003;margin:20px;max-width:380px;padding:24px;position:relative;width:85%}.booking-popup-title{color:#333;font-size:1.1rem;margin:0 0 16px;text-align:center}.appointment-summary{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;margin-bottom:20px;padding:12px}.summary-header{color:#333;font-size:.9rem;margin-bottom:8px}.summary-content{color:#666;font-size:.85rem;line-height:1.4}.summary-main{color:#333;font-size:.9rem;margin-bottom:8px}.summary-datetime,.summary-details{color:#666;font-size:.85rem}.summary-details{margin-top:4px}.customer-info-title{color:#333;font-size:1rem;margin:0 0 16px}.form-group{margin-bottom:16px}.form-label{color:#333;font-size:.9rem}.form-label-optional{color:#666;font-size:.8rem}.form-input{border:2px solid #007bff;border-radius:4px;box-sizing:border-box;color:#333;font-size:.9rem;outline:none;padding:10px 12px;transition:border-color .2s;width:calc(100% - 24px)}.form-input:focus{border-color:#0056b3}.form-error{color:#dc3545;font-size:.8rem;margin-top:4px;min-height:20px}.form-divider{background-color:#e9ecef;height:1px;margin:16px 0;width:100%}.contact-instruction{color:#666;font-size:.8rem;margin:0 0 16px;text-align:center}.booking-confirm-btn{align-items:center;background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:8px;justify-content:center;padding:12px;transition:background-color .2s;width:100%}.booking-confirm-btn:hover:not(.loading){background-color:#0056b3}.booking-confirm-btn.loading{background-color:#6c757d;cursor:not-allowed}.booking-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff40;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.popup-close-btn{background:none;border:none;color:#666;cursor:pointer;font-size:1.2rem;position:absolute;right:16px;top:16px}.popup-close-btn:hover{color:#333}.success-modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;min-height:100vh;position:fixed;right:0;top:0;z-index:1001}.success-modal{background-color:#fff;border-radius:12px;box-shadow:0 8px 16px #0003;margin:20px;max-width:400px;padding:32px;position:relative;text-align:center;width:85%}.success-icon{align-items:center;background-color:#28a745;border-radius:50%;display:flex;height:60px;justify-content:center;margin:0 auto 20px;width:60px}.success-checkmark{color:#fff;font-size:24px;font-weight:700}.success-title{color:#28a745;font-size:1.3rem;font-weight:600;margin:0 0 16px}.booking-details{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-bottom:24px;padding:20px;text-align:left}.booking-info{color:#333;font-size:.9rem;line-height:1.6}.booking-service{margin-bottom:8px}.booking-datetime{margin-bottom:8px}.booking-datetime,.booking-duration{color:#666;font-size:.85rem}.confirmation-info{background-color:#e8f5e8;border:1px solid #c3e6c3;border-radius:8px;margin-bottom:24px;padding:16px}.confirmation-header{color:#333;font-size:.9rem;font-weight:600;margin-bottom:8px}.confirmation-details{color:#666;font-size:.85rem}.notification-results{margin-top:8px}.notification-result{align-items:center;display:flex;margin-bottom:4px}.notification-result.success{color:#28a745}.notification-result.failed{color:#dc3545}.notification-icon{margin-right:8px}.notification-contact{font-size:.85rem}.notification-fallback{margin-top:2px}.notification-fallback:first-child{margin-top:0}.success-close-btn{background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px;transition:background-color .2s;width:100%}.success-close-btn:hover{background-color:#218838}.error-modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;min-height:100vh;position:fixed;right:0;top:0;z-index:1001}.error-modal{background-color:#fff;border-radius:12px;box-shadow:0 8px 16px #0003;margin:20px;max-width:400px;padding:32px;position:relative;text-align:center;width:85%}.error-icon{align-items:center;background-color:#dc3545;border-radius:50%;display:flex;height:60px;justify-content:center;margin:0 auto 20px;width:60px}.error-x{color:#fff;font-size:24px;font-weight:700}.error-title{color:#dc3545;font-size:1.3rem;font-weight:600;margin:0 0 16px}.error-message{border-radius:8px;margin-bottom:20px;text-align:left}.error-text{color:#721c24;font-size:.9rem;margin-bottom:12px}.failed-notifications{margin-top:12px}.failed-notifications-header{color:#721c24;font-size:.8rem;font-weight:600;margin-bottom:8px}.failed-notification-item{align-items:center;color:#721c24;display:flex;font-size:.8rem;margin-bottom:4px}.failed-notification-icon{margin-right:8px}.failed-notification-contact{flex:1 1}.failed-notification-status{color:#dc3545;margin-left:8px}.error-suggestion{background-color:#d1ecf1;border:1px solid #bee5eb;border-radius:6px;margin-bottom:24px;padding:12px}.suggestion-text{color:#0c5460;font-size:.85rem;text-align:center}.error-retry-btn{background-color:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px;transition:background-color .2s;width:100%}.error-retry-btn:hover{background-color:#c82333}.modal-close-x{background:none;border:none;color:#666;cursor:pointer;font-size:1.2rem;position:absolute;right:16px;top:16px}.modal-close-x:hover{color:#333}.container{padding:0 20px}.container,.header{text-align:center}.services-title{color:#333!important;font-size:36px!important;font-weight:700!important;margin-bottom:30px!important;margin-top:40px!important}.section-header{margin-bottom:40px;margin-top:20px;text-align:center;width:100%}.section-divider{background-color:#e0e0e0;height:1px;margin:15px auto;width:100%}.form{background-color:#f9f9f9;border-radius:5px;margin-bottom:24px;padding:16px;text-align:left}.input{border:1px solid #ddd;margin-bottom:16px}.add-service-button{background-color:#007bff;border-radius:5px;display:inline-block;margin-bottom:24px;padding:10px 20px}.list{text-align:left}.list-item{background-color:#fff;border:1px solid #ddd;flex-direction:column;padding:16px}.service-header{align-items:center;display:flex;justify-content:space-between}.service-title{flex:1 1;margin-right:20px;max-width:65%}.service-name{font-size:18px;font-weight:700;margin:0;word-break:break-word}.dropdown-container{position:relative}.dropdown-menu{box-shadow:0 2px 10px #0003;left:0;max-height:300px;position:absolute;top:100%;width:100%}.dropdown-item{padding:10px}.dropdown-item:hover{background-color:#f0f0f0}.select-wrapper{position:relative;width:100%}.select-wrapper select{width:100%}.form-container{background-color:#f9f9f9;border-radius:5px;margin-bottom:24px;padding:16px;text-align:left}.form-input{border:1px solid #ddd;border-radius:5px;margin-bottom:16px;padding:10px;width:100%}.category-divider{background-color:#ddd;height:1px;margin:0 auto 10px!important;width:85%}.category-divider+div{margin-top:8px!important;padding-top:0!important}.services-container{background-color:initial;border:none;border-radius:0;margin-bottom:4px;padding:0}.services-title{color:#666!important;display:block!important;font-size:16px!important;font-weight:400!important;line-height:1.2!important;margin:0 0 8px!important;opacity:1!important;padding:0!important;text-align:center!important;text-transform:none!important}@media (max-width:767px){.services-title{font-size:16px!important;margin:0 0 8px!important;text-align:center!important}.category-divider{margin:0 auto 2px!important}.form-input{margin-bottom:8px}}.service-item{border-bottom:1px solid #ddd}.service-item:last-child{border-bottom:none}.remove-button{align-items:center;background-color:#dc3545;border-radius:50%;display:flex;font-size:12px;height:22px;justify-content:center;padding:0;width:22px}.remove-button:disabled{opacity:.7}.service-input-container{align-items:center;display:flex;gap:8px;margin-bottom:12px}.service-input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:14px;padding:8px 10px}.add-service-button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 12px}.add-service-button:disabled{opacity:.7}.toggle-service-button{align-items:center;background-color:initial;border:1px dashed #007bff;border-radius:4px;color:#007bff;cursor:pointer;display:flex;font-size:14px;margin-bottom:16px;margin-left:auto;margin-right:auto;margin-top:16px!important;padding:6px 12px;position:relative;width:fit-content}.toggle-service-button:disabled{opacity:.4}.toggle-service-button span{margin-right:4px}.submit-button{background-color:#007bff;border-radius:5px;padding:10px 20px}.service-category-list{list-style-type:none;padding:0;text-align:left}.service-category-item{display:flex;flex-direction:column;margin-bottom:10px}.service-category-item,.service-category-item.editing{background-color:#fff;border:1px solid #ddd;border-radius:5px;padding:16px}.service-category-header{align-items:center;display:flex;flex-wrap:nowrap;justify-content:space-between;margin-bottom:0;width:100%}.service-category-title-container{align-items:center;display:flex;flex:1 1;margin-right:15px;min-width:0}.reorder-arrows{display:flex;flex-direction:column;margin-right:10px}.reorder-button{background:none;border:none;color:#666;cursor:pointer;font-size:16px;padding:2px 6px}.reorder-button:hover{color:#007bff}.service-category-name{font-size:18px;font-weight:700;margin:0 15px 0 0;max-width:100%;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.service-category-title-edit{flex:1 1;margin-right:10px}.button-container{align-items:center;display:flex;flex-shrink:0;gap:10px;white-space:nowrap}.delete-button,.edit-button{border-radius:4px;font-weight:400;min-width:60px;padding:8px 12px}.service-divider{border-top:1px solid #eee;margin:16px 0 8px;width:100%}.services-container{margin-top:0}.services-title{color:#666;font-size:16px;font-weight:400;margin:8px 0}.services-list{font-size:14px;list-style-type:none;margin:0;padding:0}.service-item{margin:8px 0;padding:4px 0}.service-item.empty{color:#888;font-style:italic}.remove-service-button{background-color:initial;border:none;color:#dc3545;cursor:pointer;font-size:14px;padding:2px 6px}.service-category-name-input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:18px;font-weight:700;height:40px;margin:0;padding:8px 10px;width:100%}.service-category-name-input:focus{border-color:#007bff;outline:none}.save-button{background-color:#4caf50;border-radius:4px;min-width:60px;padding:8px 12px}.save-button:disabled{opacity:.6}.cancel-button{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;min-width:60px;padding:8px 12px}.cancel-button:disabled{cursor:not-allowed;opacity:.6}.add-service-button-small{background-color:initial;border:1px dashed #007bff;border-radius:4px;box-sizing:border-box;color:#007bff;cursor:pointer;display:inline-block;font-size:14px;margin-top:12px;padding:8px 16px;text-align:center;width:100%}.add-service-input{margin-top:12px}.hide-button{background-color:initial;border:1px solid #6c757d;border-radius:4px;color:#6c757d;cursor:pointer;display:inline-block;font-size:14px;margin-top:8px;padding:6px 12px}@media (max-width:576px){.edit-actions{flex-direction:column}}.error-container{background-color:#f8d7da;border-radius:4px;color:#721c24;margin-bottom:20px;padding:12px;text-align:left}.error-message{margin:0}.retry-button{background-color:#6c757d;border-radius:4px;margin-top:8px;padding:6px 12px}.loading-container{padding:20px 0}.spinner{border:3px solid #f3f3f3;display:inline-block}.container{margin:0 auto;max-width:800px;padding:20px}.header{font-size:24px;font-weight:700;margin-bottom:20px}.button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;text-align:center}.button:hover{background-color:#0056b3}.input{border:1px solid #ccc;border-radius:5px;margin-bottom:10px;padding:10px;width:100%}.list{list-style-type:none;padding:0}.list-item{align-items:center;border:1px solid #ccc;border-radius:5px;display:flex;height:80px;justify-content:space-between;margin-bottom:10px;overflow:hidden;padding:10px}.list-item .button-container{align-items:flex-end;display:flex;flex-direction:column;gap:5px;margin-left:auto}.edit-button{background-color:#007bff;border:none;border-radius:3px;color:#fff;cursor:pointer;padding:5px 10px;width:60px}.edit-button:hover{background-color:#0056b3}.delete-button{align-items:center;background-color:#dc3545;border:none;border-radius:3px;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;padding:0!important;width:60px}.delete-button:hover{background-color:#a71d2a}.delete-button,.edit-button{margin-left:auto}.staff-container{margin:0 auto;max-width:800px;padding:0 20px;text-align:center}.staff-header{font-size:24px;font-weight:700;margin-top:20px}.staff-toggle-button{background-color:#007bff;border:none;color:#fff;cursor:pointer;display:inline-block;padding:10px 20px}.staff-form,.staff-toggle-button{border-radius:5px;margin-bottom:24px}.staff-form{background-color:#f9f9f9;padding:16px;text-align:left}.staff-input{border-radius:5px}.staff-image-container,.staff-input{margin-bottom:16px}.staff-image-preview{background-color:#f0f0f0;border:1px dashed #ddd;border-radius:5px;margin-top:10px;padding:8px;position:relative}.staff-image-preview-img{box-shadow:0 2px 4px #0000001a}.staff-image-error-message{color:#721c24;font-size:14px;padding:8px}.staff-image-error-message p{margin:4px 0}.staff-image-error-message p:first-child{font-weight:700}.staff-image-help-button{text-decoration:underline}.staff-form-actions{text-align:center}.staff-submit-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:400;padding:10px 20px}.image-help-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.image-help-modal-container{background-color:#fff;border-radius:5px;max-height:90vh;max-width:500px;overflow:auto;padding:20px;width:90%}.image-help-modal-title{margin-bottom:15px;margin-top:0}.image-help-modal-instructions{margin-bottom:15px;padding-left:20px;text-align:left}.image-help-modal-note{margin-bottom:15px}.image-help-modal-note p{color:#666;font-size:14px;font-style:italic;margin:0}.image-help-modal-input-container{margin-bottom:20px}.image-help-modal-input{border:1px solid #ddd;border-radius:5px;box-sizing:border-box;margin-bottom:10px;padding:10px;width:100%}.image-help-modal-preview{margin-top:10px;text-align:center}.image-help-modal-preview-img{border:1px solid #ddd;border-radius:5px;max-height:200px;max-width:100%}.image-help-modal-actions{display:flex;justify-content:space-between}.image-help-modal-btn-cancel,.image-help-modal-btn-confirm{border:none;border-radius:4px;cursor:pointer;font-weight:400;padding:8px 16px}.image-help-modal-btn-cancel{background-color:#6c757d;color:#fff}.image-help-modal-btn-confirm{background-color:#007bff;color:#fff}.staff-list-container{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;overflow-x:auto;padding-bottom:10px;scrollbar-width:thin}.staff-list{list-style-type:none;margin:0;padding:0;text-align:left}.staff-list-item{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:5px;display:flex;justify-content:space-between;margin-bottom:10px;min-width:fit-content;padding:16px}.staff-list-item.editing{background-color:#f8f9fa;border:1px solid #007bff;flex-direction:column;padding:16px}.staff-info{align-items:flex-start;display:flex;flex:1 1;gap:15px}.staff-edit-form,.staff-edit-row{display:flex;flex-direction:column;gap:16px;width:100%}.staff-edit-field,.staff-image-url-field{width:100%}.staff-url-input-container{display:flex;flex-direction:column;gap:8px;width:100%}.staff-image-preview{margin:0 auto;max-width:150px;text-align:center}.staff-image-preview-img{border-radius:5px;max-height:150px;max-width:150px;object-fit:cover}.staff-image-error-message{color:#dc3545;display:none;font-size:12px;margin-top:8px;text-align:left}.staff-image-preview.image-error .staff-image-error-message{display:block}.staff-text-content{flex:1 1}.staff-name{font-size:18px;margin:0 0 5px}.staff-role{margin:0}.staff-image{border-radius:5px;flex-shrink:0;height:80px;object-fit:cover;width:80px}.staff-actions{display:flex}.staff-actions,.staff-actions-row{align-items:stretch;flex-direction:column;gap:10px}.staff-edit-button{background-color:#007bff;color:#fff;min-width:80px}.staff-edit-button,.staff-save-button{border:none;border-radius:4px;cursor:pointer;font-weight:400;padding:10px 0;width:100%}.staff-save-button{background-color:#28a745}.staff-save-button:disabled{opacity:.6}.staff-cancel-button{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:400;padding:10px 0;width:100%}.staff-cancel-button:disabled{opacity:.6}.staff-delete-button{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:400;margin-top:10px;min-width:80px;padding:10px 0;width:100%}.staff-input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px;padding:10px;width:100%}.staff-image-help-button{background-color:initial;border:none;color:#007bff;cursor:pointer;font-size:14px;padding:4px 0;text-align:left;width:fit-content}.staff-image-help-button:hover{text-decoration:underline}.staff-edit-field label{color:#555;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.staff-edit-buttons-container{display:flex;gap:10px;margin-top:10px;width:100%}.staff-edit-buttons-container button{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-weight:500;padding:10px;transition:background-color .2s ease}.staff-save-button{background-color:#4caf50;color:#fff}.staff-save-button:hover:not(:disabled){background-color:#45a049}.staff-save-button:disabled{background-color:#ccc;cursor:not-allowed}.staff-cancel-button{background-color:#f0f0f0;border:1px solid #ddd!important;color:#333}.staff-cancel-button:hover:not(:disabled){background-color:#e0e0e0}.staff-cancel-button:disabled{color:#999;cursor:not-allowed}@media (min-width:768px){.staff-list-item.editing{flex-direction:row;flex-wrap:wrap;justify-content:space-between}.staff-actions{flex-shrink:0;gap:10px;margin-left:20px}.staff-actions,.staff-edit-row:first-child{flex-direction:row}.staff-actions-row{flex-direction:row;gap:15px;justify-content:center}.staff-cancel-button,.staff-save-button{min-width:100px;padding:10px 20px;width:auto}.staff-delete-button,.staff-edit-button{min-width:80px;padding:8px 15px;width:auto}.staff-delete-button{margin-top:0}}@media (max-width:767px){.staff-list-item{align-items:flex-start;flex-direction:column;padding:12px}.staff-info{margin-bottom:15px;width:100%}.staff-actions{flex-direction:row;flex-wrap:wrap;gap:10px;margin-left:0;width:100%}.staff-delete-button,.staff-edit-button{flex:1 1;min-width:0}.staff-delete-button{margin-top:0}}.schedules-container{margin:0 auto;max-width:800px;padding:0 20px;text-align:center}.schedules-title{font-size:24px;font-weight:700;margin-bottom:16px;margin-top:20px;text-align:center}.schedules-description{color:#555;font-size:16px;margin-bottom:20px;text-align:center}.tab-container{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;border-bottom:1px solid #eee;margin-bottom:24px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin;width:100%}.tab-button-container{display:flex;flex-wrap:nowrap;padding:0 0 8px;white-space:nowrap}.tabs{display:flex;justify-content:center}.tab-button{border:none;border-radius:20px;cursor:pointer;font-size:14px;margin-right:10px;min-width:fit-content;padding:8px 14px;transition:all .2s ease;white-space:nowrap}.tab-button:last-child{margin-right:20px}.tab-button.active{background-color:#007bff;box-shadow:0 2px 4px #0000001a;color:#fff;font-weight:700}.tab-button.inactive{background-color:#e6f2ff;box-shadow:none;color:#06c;font-weight:400}.staff-panel{background-color:#f9f9f9;border-radius:5px;margin-bottom:20px;padding:16px;text-align:left}.staff-header{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:16px;text-align:center}.staff-name{font-size:20px;font-weight:700;margin:0 8px 0 0}.staff-role{background-color:#f0f0f0;border-radius:12px;color:#555;display:inline-block;font-size:16px;padding:2px 8px}.staff-detail-container{margin-bottom:24px}.section-title{margin-bottom:16px}.services-section{margin-bottom:24px}.services-heading{font-size:18px;margin-bottom:12px}.service-item{align-items:center;background-color:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-bottom:10px;padding:12px 16px}.service-details{display:flex;flex-direction:column}.service-name{font-size:16px;margin:0 0 4px}.service-info{display:flex;flex-wrap:wrap;gap:16px}.service-info-text{color:#555;font-size:14px;margin:0}.service-info-label{font-weight:700}.remove-button{background-color:#ff4d4f;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 12px}.add-service-form{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin:0 auto;max-width:500px;padding:16px 24px}.add-service-title{border-bottom:1px solid #eee;font-size:20px;font-weight:700;margin-bottom:20px;padding-bottom:8px}.error-message{background-color:#fff2f0;border:1px solid #ffccc7;border-radius:4px;color:#ff4d4f}.error-message,.success-message{margin-bottom:16px;padding:8px 12px}.success-message{background-color:#f6ffed;border:1px solid #b7eb8f;border-radius:4px;color:#52c41a}.form-label{margin-bottom:8px}.form-input,.form-select{background-color:#fafafa;border:1px solid #d9d9d9;border-radius:4px;box-sizing:border-box;height:40px;padding:8px 12px;width:100%}.form-row{display:flex;gap:16px;margin-bottom:20px}.form-column{flex:1 1}.submit-button{background-color:#1890ff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:10px 16px;transition:background-color .2s ease;width:100%}.submit-button:disabled{cursor:not-allowed;opacity:.7}.compact-form-container{background-color:#f9f9f9;border-radius:8px;margin-top:20px;padding:16px}.form-header{display:flex;flex-direction:column;margin-bottom:12px}.compact-form-title{font-size:16px;font-weight:600;margin:0 0 8px}.message-banner{border-radius:4px;font-size:14px;margin-bottom:8px;padding:6px 10px}.message-banner.error{background-color:#fff2f0;border:1px solid #ffccc7;color:#ff4d4f}.message-banner.success{background-color:#f6ffed;border:1px solid #b7eb8f;color:#52c41a}.horizontal-form{width:100%}.form-fields-container{align-items:flex-end;display:flex;flex-wrap:wrap;gap:10px}.compact-form-group{margin:0;position:relative}.price-duration-container{display:flex;flex:1 1;gap:10px}.duration-input,.price-input{flex:1 1}.service-select{flex:2 1;position:relative}.compact-form-group:not(.service-select):not(.price-input):not(.duration-input){flex:1 1}.compact-form-input,.compact-form-select{border:1px solid #d9d9d9;border-radius:4px;box-sizing:border-box;font-size:14px;height:36px;padding:8px 10px;width:100%}.compact-submit-button{background-color:#1890ff;border:none;border-radius:4px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:14px;font-weight:500;height:36px;min-width:80px;padding:8px 16px;white-space:nowrap}.compact-submit-button:disabled{cursor:not-allowed;opacity:.7}.dropdown-menu{background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;box-shadow:0 2px 8px #00000026;margin-top:2px;max-height:200px;overflow-y:auto;position:fixed;width:calc(100% - 32px);z-index:1000}.dropdown-item{cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color .2s}.dropdown-item:hover{background-color:#e6f7ff}.service-items-container{display:flex;flex-direction:column;gap:8px;margin-bottom:8px;width:100%}.compact-service-item{align-items:center;background-color:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;box-sizing:border-box;display:flex;justify-content:space-between;margin:0;padding:10px 16px;width:100%}.service-info-container{display:flex;flex:1 1;flex-direction:column;justify-content:center}.service-main-info{display:flex;justify-content:center;margin-bottom:4px;width:100%}.compact-service-name{font-size:16px;font-weight:600;margin:0;text-align:center}.service-price-duration{align-items:center;display:flex;justify-content:space-around;margin-top:4px;width:100%}.service-duration,.service-price{color:#666;font-size:14px;line-height:1.4}.compact-remove-button{align-items:center;background-color:#ff4d4f;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;margin-left:12px;min-width:28px;padding:0;width:28px}.compact-remove-button:hover{background-color:#ff7875}.service-categories-container{display:flex;flex-direction:column;gap:16px;margin-bottom:20px;width:100%}.service-category-section{background-color:#f9f9f9;border-radius:8px;box-sizing:border-box;padding:12px;width:100%}.service-category-header{margin-bottom:10px;padding-bottom:8px;position:relative}.service-category-name{color:#777;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0;text-align:left;text-transform:uppercase}.service-category-header:after{background-color:#e0e0e0;bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.category-option{color:#333;font-weight:600}.sub-service-option{padding-left:10px}.loading-text{background-color:#f9f9f9;border-radius:6px;color:#666;font-style:italic;margin:10px 0;padding:16px;text-align:center}@media screen and (max-width:600px){.form-fields-container{flex-direction:column;gap:8px}.compact-form-group,.service-select{width:100%}.price-duration-container{display:flex;width:100%}.compact-submit-button{margin-top:8px;width:100%}}@media screen and (max-width:768px){.form-fields-container{flex-direction:column;gap:8px}.compact-form-group{width:100%}.price-duration-container{display:flex;width:100%}}@media screen and (max-width:600px){.form-row{flex-direction:column}.form-column{margin-bottom:16px}}.section-header{align-items:center;display:flex;justify-content:center;margin-bottom:16px;position:relative}.section-title{font-size:18px;margin-bottom:0;text-align:center}.toggle-form-button{background-color:#1890ff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-left:12px;padding:6px 12px;transition:background-color .2s ease}.toggle-form-button:hover{background-color:#40a9ff}.add-service-form-container{margin-bottom:0;margin-top:0;max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease-out,opacity .3s ease,margin .3s ease}.add-service-form-container.visible{margin-bottom:20px;margin-top:0;max-height:500px;opacity:1}.add-service-form-container.hidden{margin:0;max-height:0;opacity:0}.collapsible-form-container{background-color:#f9f9f9;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;overflow:hidden}.form-header-collapsible{align-items:center;background-color:#f0f0f0;border-bottom:1px solid #e0e0e0;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:background-color .2s ease}.form-header-collapsible:hover{background-color:#e8e8e8}.form-header-collapsible .compact-form-title{font-size:16px;font-weight:600;margin:0}.collapse-toggle-btn{background-color:#e0e0e0;color:#555;font-size:18px;height:24px;width:24px}.collapse-toggle-btn:hover{background-color:#d0d0d0}.form-content{overflow:hidden;padding:16px;transition:max-height .3s ease-out,padding .3s ease}.form-content.expanded{max-height:300px}.form-content.collapsed{max-height:0;padding-bottom:0;padding-top:0}.staff-availabilities-container{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:16px;overflow:hidden;transition:all .3s ease}.staff-availabilities-container:hover{box-shadow:0 4px 12px #0000001f}.availabilities-header-collapsible{align-items:center;background-color:#f7f9fc;border-bottom:1px solid #eaecf0;border-radius:12px 12px 0 0;box-sizing:border-box;cursor:pointer;display:flex;height:56px;justify-content:space-between;padding:14px 20px;transition:background-color .2s ease}.availabilities-header-collapsible:hover{background-color:#eef2f7}.availabilities-header-collapsible .compact-form-title{color:#2c3e50;font-size:17px;font-weight:600;letter-spacing:.3px;margin:0}.collapse-toggle-btn{align-items:center;background:none;background-color:#4a628014;border:none;border-radius:50%;color:#4a6280;cursor:pointer;display:flex;font-size:20px;height:30px;justify-content:center;line-height:1;transition:all .2s ease;width:30px}.collapse-toggle-btn:hover{background-color:#4a628026;transform:scale(1.05)}.availabilities-content{background-color:#fff;max-height:2000px;opacity:1;overflow:auto;padding:16px;transition:max-height .5s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)}.availabilities-content.collapsed{border-top:none;max-height:0;opacity:0;padding-bottom:0;padding-top:0}.availability-settings{display:flex;flex-direction:column;gap:16px}.setting-group{background-color:#f8fafd;border-radius:10px;box-shadow:0 1px 3px #00000008;padding:14px;transition:box-shadow .3s ease}.setting-group:hover{box-shadow:0 2px 6px #00000014}.setting-group h5{align-items:center;color:#2c3e50;display:flex;font-size:15px;font-weight:600;gap:8px;margin:0 0 12px}.setting-group h5:before{background-color:#4a6280;border-radius:2px;content:"";display:inline-block;height:16px;width:4px}.setting-group h6{margin:0 0 12px}.setting-group h6,.setting-group label{color:#4a5568;font-size:14px;font-weight:500}.setting-group label{display:block;margin-bottom:8px}.setting-group:first-child{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:auto 1fr;padding:12px 16px}.setting-group:first-child label{margin-bottom:0;white-space:nowrap}@media (max-width:576px){.setting-group:first-child{gap:8px;grid-template-columns:1fr}}.time-range{align-items:center;display:flex;flex-wrap:nowrap;gap:8px}@media (max-width:576px){.time-range .ant-picker{width:100px}.setting-group h5{font-size:14px;margin:0 0 10px}.setting-group{padding:12px}}.break-item{grid-gap:8px;border-radius:8px;display:grid;gap:8px;grid-template-areas:"time-range delete" "label label";grid-template-columns:1fr auto;margin-bottom:8px;padding:6px;transition:background-color .2s ease}.break-item:hover{background-color:#4a62800d}.break-item .time-range{grid-area:time-range;min-width:0}.break-item .ant-input{grid-area:label}.break-item .ant-btn{grid-area:delete}@media (min-width:576px){.break-item{align-items:center;display:flex;flex-wrap:nowrap;gap:8px}.break-item .ant-input{margin-left:8px;width:120px!important}}.ant-picker-focused,.ant-picker:focus,.ant-picker:hover{border-color:#4a6280;box-shadow:0 0 0 2px #4a628033}.ant-select:not(.ant-select-disabled){border-radius:6px}.ant-select-focused:not(.ant-select-disabled) .ant-select-selector,.ant-select:not(.ant-select-disabled):hover .ant-select-selector{border-color:#4a6280!important;box-shadow:0 0 0 2px #4a628033!important}.ant-input{border-color:#cbd5e0;border-radius:6px;height:32px;transition:all .2s ease}.ant-select:not(.ant-select-disabled) .ant-select-selector{border-radius:6px;height:32px!important}.ant-select-selection-item{line-height:30px!important}.ant-tabs-tab{padding:8px 12px!important}.ant-btn{font-size:14px;height:32px;padding:0 12px}.ant-btn-sm{font-size:13px;height:28px;padding:0 8px}.date-overrides{border-top:none;margin-top:0;padding-top:0}.override-description{color:#718096;font-size:14px;line-height:1.5;margin-bottom:0;padding-bottom:4px}.date-calendar-container{border:1px solid #eaecf0;box-shadow:0 1px 3px #0000000d;margin-bottom:20px}.date-calendar-container,.date-calendar-container .ant-picker-calendar{border-radius:10px;overflow:hidden}.date-calendar-container .ant-picker-calendar-date-content{height:auto!important;min-height:24px}.date-cell-content{display:flex;justify-content:center;line-height:1;margin-top:3px}.date-cell-content .ant-tag{border-radius:4px;font-size:10px;height:16px;line-height:16px;margin:0;padding:0 4px}.date-overrides-list{background-color:#f8fafd;border:1px solid #eaecf0;border-radius:8px;margin-top:16px;padding:16px}.date-overrides-list h6{font-weight:500;margin-bottom:12px}.override-tags{display:flex;flex-wrap:wrap;gap:8px}.override-tags .ant-tag{align-items:center;border-radius:6px;box-shadow:0 1px 2px #0000000d;display:flex;font-size:12px;margin:0;padding:4px 8px;transition:all .2s ease}.override-tags .ant-tag:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.date-override-form{display:flex;flex-direction:column;gap:20px;margin-top:16px}.date-availability-toggle{align-items:center;background-color:#f8fafd;border:1px dashed #cbd5e0;border-radius:8px;display:flex;padding:12px 16px}.date-breaks,.date-working-hours{background-color:#f8fafd;border:1px solid #eaecf0;border-radius:8px;padding:16px}.date-breaks h6,.date-working-hours h6{align-items:center;color:#4a5568;display:flex;font-weight:500;gap:8px;margin-bottom:16px}@media (max-width:768px){.availabilities-content{padding:16px}.setting-group{padding:14px}.break-item{align-items:flex-start;flex-direction:column;gap:8px}.break-item .time-range{width:100%}.break-item .ant-input{margin-left:0!important;width:100%!important}.break-item .ant-btn{align-self:flex-end;margin-left:0!important}}.ant-picker{border-color:#cbd5e0;border-radius:6px;height:32px;transition:all .2s ease}@media (max-width:576px){.date-calendar-container .ant-picker-calendar{font-size:12px}.ant-picker-calendar-date{padding:2px 6px!important}}.ant-picker{min-height:32px!important}.time-range-separator{color:#718096;font-weight:500;white-space:nowrap}.toggle-label{color:#4a5568;font-weight:500;margin-left:16px}.weekday-overrides{border-top:none;margin-top:0}.date-toggle,.weekday-toggle{align-items:center;display:flex;margin-bottom:16px}.setting-divider{border:none;display:none;height:0;margin:0;padding:0}.business-container{margin:0 auto;max-width:800px;padding:20px 20px 180px}.business-header{color:#333;font-size:24px;font-weight:700}.business-header,.message-container{margin-bottom:20px;text-align:center}.message-container{border-radius:5px;font-weight:500;padding:12px}.message-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.message-error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.business-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:20px;padding:20px}.section-title{border-bottom:2px solid #007bff;color:#333;font-size:1.3rem;font-weight:600;margin:0 0 20px;padding-bottom:8px}.contact-grid,.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.form-group{margin-bottom:15px}.form-label{color:#555;display:block;margin-bottom:5px}.form-input,.form-textarea{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px;padding:10px 12px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.form-input:focus,.form-textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.form-textarea{font-family:inherit;min-height:100px}.logo-preview{margin-top:10px;text-align:center}.logo-preview-image{background:#fff;border:1px solid #ddd;border-radius:4px;max-height:100px;max-width:200px;padding:5px}.logo-preview-error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#dc3545;font-size:.9rem;padding:10px}.hours-container{background:#fff;border:1px solid #e9ecef;border-radius:8px;overflow:hidden}.hours-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;padding:15px 20px}.hours-table{width:100%}.hours-day-row{align-items:center;border-bottom:1px solid #f0f0f0;display:grid;grid-template-columns:120px 80px 1fr 1fr;padding:15px 20px;transition:background-color .2s ease}.hours-day-row:last-child{border-bottom:none}.hours-day-row:hover{background-color:#f8f9fa}.hours-day-row.closed{opacity:.6}.day-name{align-items:center;color:#333;display:flex;font-weight:600;gap:8px;text-transform:capitalize}.day-indicator{background:#28a745;border-radius:50%;height:8px;width:8px}.day-indicator.closed{background:#dc3545}.closed-toggle{align-items:center;color:#666;cursor:pointer;display:flex;font-size:.9rem;gap:6px}.closed-toggle input[type=checkbox]{margin:0;transform:scale(1.1)}.time-range-container{align-items:center;display:flex;gap:12px;grid-column:span 2}.time-range-container.disabled{opacity:.5;pointer-events:none}.time-input-group{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;display:flex;gap:8px;padding:8px 12px;transition:all .2s ease}.time-input-group:focus-within{background:#fff;border-color:#007bff;box-shadow:0 0 0 2px #007bff1a}.time-input-compact{background:#0000;border:none;color:#333;font-size:14px;font-weight:500;padding:0;text-align:center;width:85px}.time-input-compact:focus{outline:none}.time-separator{align-items:center;color:#666;display:flex;font-weight:500;justify-content:center;margin:0 8px;min-width:20px}.copy-hours-button{background:none;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;font-size:.8rem;padding:4px 8px;transition:all .2s ease}.copy-hours-button:hover{background:#f8f9fa;border-color:#007bff;color:#007bff}.save-button-fixed{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-top:1px solid #e9ecef;bottom:80px;box-shadow:0 -2px 10px #0000001a;left:0;padding:15px 20px;position:fixed;right:0;text-align:center;z-index:998}.save-button-container{margin-top:30px;text-align:center}.save-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;min-width:200px;padding:12px 30px;transition:background-color .3s ease,transform .1s ease}.save-button:hover:not(:disabled){background-color:#0056b3;transform:translateY(-1px)}.save-button:disabled{background-color:#6c757d;cursor:not-allowed;transform:none}.bottom-spacer{height:160px}.loading-container{color:#666;padding:40px;text-align:center}@media (max-width:768px){.contact-grid,.form-grid{gap:15px;grid-template-columns:1fr}.hours-day{gap:10px;grid-template-columns:1fr;text-align:left}.time-inputs{justify-content:flex-start}.business-container{padding:15px}.hours-day-row{gap:12px;grid-template-columns:1fr;padding:15px}.time-range-container{grid-column:span 1;justify-content:space-between}.hours-bulk-actions{align-items:stretch;flex-direction:column;gap:8px}.time-presets{align-items:flex-start;flex-direction:column;gap:8px}}@media (max-width:480px){.time-inputs{align-items:flex-start;flex-direction:column;gap:10px}.time-group,.time-input{width:100%}.time-range-container{align-items:stretch;flex-direction:column;gap:8px}.time-input-group{justify-content:center}}.smart-address-container{margin-bottom:24px}.address-autocomplete{position:relative}.address-help{color:#666;display:block;font-size:.85rem;font-style:italic;margin-top:5px}.api-loading{color:#007bff;font-size:.8rem;font-weight:400}.api-warning{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;color:#856404;margin-top:10px;padding:8px 12px}.address-grid-optimized{grid-gap:15px;display:grid;gap:15px;grid-template-columns:2fr 1fr 1fr;margin-top:15px}.address-details-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:2fr 1fr 1.2fr;margin-top:12px}.form-label{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:6px}.autocomplete-hint{background:#ecfdf5;border-radius:4px;color:#10b981;font-size:12px;font-weight:400;padding:2px 6px}.form-input{background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;padding:12px 16px;transition:all .2s ease}.form-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.form-input::placeholder{color:#9ca3af}.address-input{position:relative}.pac-container{border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #0000001a;margin-top:4px}.pac-item{border-bottom:1px solid #f3f4f6;cursor:pointer;padding:12px 16px;transition:background-color .15s ease}.pac-item:hover{background-color:#f9fafb}.pac-item:last-child{border-bottom:none}.pac-item-selected{background-color:#ecfdf5}.pac-icon{height:16px;margin-right:12px;width:16px}.pac-item-query{color:#111827;font-size:14px;font-weight:500}.pac-matched{color:#10b981;font-weight:600}@media (max-width:768px){.address-grid-optimized{gap:12px;grid-template-columns:1fr}.address-details-grid{gap:16px;grid-template-columns:1fr}.form-input{font-size:16px}}@media (max-width:480px){.smart-address-container{margin-bottom:20px}.address-grid-optimized{grid-template-columns:1fr}.form-input{padding:14px 16px}}.us-state-selector{position:relative;width:100%}.state-input{background-color:#fff;border:1px solid #ddd;border-radius:5px;cursor:text;font-size:16px;padding:10px;width:100%}.state-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.state-dropdown{background:#fff;border:1px solid #ddd;border-radius:0 0 5px 5px;border-top:none;box-shadow:0 2px 10px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.state-option{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;gap:10px;padding:10px}.state-option:last-child{border-bottom:none}.state-option:hover{background-color:#f8f9fa}.state-option.no-results{color:#666;cursor:default;font-style:italic}.state-option.no-results:hover{background-color:initial}.state-code{color:#007bff;font-weight:700;min-width:30px}.state-name{color:#333;flex:1 1}.state-dropdown::-webkit-scrollbar{width:6px}.state-dropdown::-webkit-scrollbar-track{background:#f1f1f1}.state-dropdown::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.state-dropdown::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.front-desk-container{padding:32px 0;text-align:center}.front-desk-title{color:#333;font-size:2rem;font-weight:600;margin-bottom:16px}.front-desk-actions{margin-bottom:24px}.add-appointment-btn{background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;padding:14px 28px;transition:background-color .2s ease}.add-appointment-btn:hover{background:#0056b3}.front-desk-description{color:#666;font-size:1.1rem;margin:0}.modal-overlay{align-items:center;background:#00000080;box-sizing:border-box;display:flex;height:100vh;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100vw;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 4px 24px #00000026;max-height:90vh;max-width:500px;min-width:320px;overflow-y:auto;padding:32px 24px;width:100%}.modal-title{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:24px;text-align:center}.appointment-form{gap:16px}.appointment-form,.form-group{display:flex;flex-direction:column}.form-group{text-align:left}.form-group label{margin-bottom:4px}.form-input,.form-select,.form-textarea{background:#fff;border:1px solid #ddd;border-radius:6px;font-size:1rem;padding:12px;transition:border-color .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff1a;outline:none}.form-textarea{min-height:80px;resize:vertical}.form-select{font-size:1rem;line-height:1.2;min-height:44px;padding-bottom:10px;padding-top:10px}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.btn{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:#007bff}.btn-primary:hover:not(:disabled){background:#0056b3}.btn-secondary{background:#6c757d}.btn-secondary:hover:not(:disabled){background:#545b62}@media (max-width:768px){.modal-content{margin:10px;max-width:calc(100vw - 20px);padding:24px 16px}.modal-title{font-size:1.3rem}.form-actions{flex-direction:column}.btn{width:100%}}@media (max-width:480px){.front-desk-container{padding:20px 0}.front-desk-title{font-size:1.5rem}.add-appointment-btn{font-size:1rem;padding:12px 24px}}.calendar-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;justify-content:space-between;margin-bottom:20px;padding:16px}.calendar-nav-button{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.calendar-nav-button:hover{background-color:#f9fafb;border-color:#9ca3af}.calendar-nav-button:active{background-color:#f3f4f6}.calendar-date-range{color:#111827;font-size:16px;font-weight:600}@media (max-width:768px){.calendar-header{flex-wrap:wrap;gap:12px}.calendar-nav-button{font-size:12px;padding:6px 12px}.calendar-date-range{order:-1;text-align:center;width:100%}}.calendar-grid-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;flex:1 1;min-height:0;overflow-x:auto;overflow-y:auto;overscroll-behavior:contain;position:relative;width:100%}.calendar-grid{border:1px solid #e5e7eb;display:grid;grid-template-columns:80px repeat(3,1fr);grid-template-rows:40px repeat(48,35px);min-width:400px}@media (min-width:768px){.calendar-grid{grid-template-columns:80px repeat(7,1fr);min-width:800px}}.calendar-grid-header{display:contents}.calendar-time-header{grid-column:1;grid-row:1;left:0;z-index:20}.calendar-day-header,.calendar-time-header{background-color:#f9fafb;border-bottom:2px solid #d1d5db;border-right:1px solid #e5e7eb;position:sticky;top:0}.calendar-day-header{align-items:center;display:flex;flex-direction:column;font-weight:600;justify-content:center;padding:8px;z-index:10}.day-name{color:#6b7280;font-size:12px;margin-bottom:2px;text-transform:uppercase}.day-date{color:#111827;font-size:16px;font-weight:700}.calendar-time-label{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;border-right:1px solid #e5e7eb;color:#6b7280;font-size:12px;grid-column:1;left:0;padding:4px 8px;position:sticky;text-align:right;z-index:10}.calendar-time-label.full-hour{border-top:2px solid #d1d5db}.calendar-time-label.half-hour-before-full{border-bottom:none}.calendar-grid{position:relative}.current-time-indicator-label{background-color:#000;border-radius:3px;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;pointer-events:none;white-space:nowrap}.calendar-cell{background-color:#fff;border-bottom:1px solid #e5e7eb;border-right:1px solid #e5e7eb;min-height:35px;position:relative}.calendar-cell:hover{background-color:#f9fafb}.calendar-cell.full-hour{border-top:2px solid #d1d5db}.calendar-cell.half-hour-before-full{border-bottom:none}.appointment-block{background-color:#e3f2fd;border-left:4px solid #2196f3;border-radius:4px;box-shadow:0 1px 3px #0000001a;cursor:pointer;display:flex;flex-direction:column;margin:1px;min-height:0;overflow:hidden;padding:4px 8px;position:relative;z-index:1}.appointment-block:hover{background-color:#bbdefb;box-shadow:0 2px 6px #00000026;z-index:2}.appointment-block-content{display:flex;flex-direction:column;gap:2px;height:100%;justify-content:flex-start;min-height:0}.appointment-time{color:#1976d2;font-size:12px;font-weight:600;line-height:1.2;white-space:nowrap}.appointment-staff{color:#333;font-size:11px;font-weight:500}.appointment-service,.appointment-staff{line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appointment-service{color:#666;font-size:10px}.appointment-walkin{align-self:flex-start;background:#ffe066;border-radius:2px;color:#856404;display:inline-block;font-size:9px;font-weight:600;margin-top:2px;padding:1px 4px;white-space:nowrap}@media (max-width:768px){.appointment-time{font-size:11px}.appointment-staff{font-size:10px}.appointment-service{font-size:9px}.appointment-walkin{font-size:8px;padding:1px 3px}}.current-time-indicator{pointer-events:none}.calendar-view{box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:0 0 20px;width:100%}.calendar-loading{align-items:center;color:#6b7280;display:flex;font-size:16px;height:400px;justify-content:center}.loading-spinner{text-align:center}.calendar-error{align-items:center;display:flex;height:400px;justify-content:center;padding:20px}.error-message{color:#dc2626}.error-message p{font-size:16px;margin:0 0 12px}.retry-button{background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:12px;padding:8px 16px;transition:background-color .2s}.retry-button:hover{background-color:#2563eb}.retry-button:active{background-color:#1d4ed8}.calendar-import-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.calendar-import-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1000px;overflow-y:auto;position:relative;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e1e5e9;display:flex;justify-content:space-between;padding:24px 24px 16px}.modal-header h2{color:#1a1a1a;font-size:24px;font-weight:600;margin:0}.close-button{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:28px;padding:4px;transition:all .2s}.close-button:hover{background-color:#f5f5f5;color:#333}.close-button:disabled{cursor:not-allowed;opacity:.5}.progress-indicator{background-color:#f8f9fa;border-bottom:1px solid #e1e5e9;display:flex;justify-content:space-between;padding:20px 24px}.progress-step{align-items:center;display:flex;flex:1 1;flex-direction:column;position:relative}.progress-step:not(:last-child):after{background-color:#e1e5e9;content:"";height:2px;left:50%;position:absolute;top:20px;width:100%;z-index:1}.progress-step.active:not(:last-child):after{background-color:#007bff}.step-number{align-items:center;background-color:#e1e5e9;background-color:#fff;border:2px solid #e1e5e9;border-radius:50%;color:#666;display:flex;font-weight:600;height:40px;justify-content:center;margin-bottom:8px;position:relative;width:40px;z-index:2}.progress-step.active .step-number{background-color:#007bff;border-color:#007bff;color:#fff}.step-label{color:#666;font-size:14px;font-weight:500;text-align:center}.progress-step.active .step-label{color:#007bff;font-weight:600}.modal-content{padding:24px 24px 100px}.modal-content h3{color:#1a1a1a;font-size:20px;font-weight:600;margin:0 0 16px}.modal-content p{color:#666;line-height:1.5;margin:0 0 20px}.upload-section{text-align:center}.file-upload-area{background-color:#f8f9ff;border:2px dashed #007bff;border-radius:8px;cursor:pointer;padding:40px 20px;transition:all .2s}.file-upload-area:hover{background-color:#f0f4ff;border-color:#0056b3}.upload-icon{font-size:48px;margin-bottom:16px}.file-info{color:#888;font-size:14px;margin-top:8px}.file-selected{background-color:#e8f5e8;border:1px solid #c3e6c3;border-radius:8px;margin-top:20px;padding:16px}.file-selected p{color:#2d5a2d;font-weight:500;margin:4px 0}.processing{margin-top:20px;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:40px;margin:0 auto 16px;width:40px}.spinner.large{border-width:6px;height:60px;width:60px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.content-mapping-section{width:100%}.mapping-options{margin:24px 0}.mapping-option{background-color:#f8f9fa;border:1px solid #e1e5e9;border-radius:8px;margin-bottom:20px;padding:20px}.mapping-option h4{color:#333;font-size:18px;margin:0 0 12px}.mapping-option p{color:#666;margin:0 0 16px}.option-example{background-color:#fff;border:1px solid #e1e5e9;border-radius:6px;display:flex;flex-direction:column;gap:4px;margin:16px 0;padding:12px}.example-label{color:#888;font-size:12px;font-weight:600;text-transform:uppercase}.example-value{background-color:#f8f9fa;border-radius:4px;color:#333;font-family:monospace;font-size:14px;padding:4px 8px}.mapping-option select{background-color:#fff;border:1px solid #ddd;border-radius:6px;font-size:16px;margin:12px 0;padding:12px;width:100%}.option-help{color:#28a745;font-size:14px;font-style:italic;margin:8px 0 0}.auto-mapping-info{background-color:#e8f4fd;border:1px solid #bee5eb;border-radius:8px;margin:24px 0;padding:20px}.auto-mapping-info h4,.auto-mapping-info p{color:#0c5460;margin:0 0 12px}.auto-mapping-info ul{margin:0;padding-left:20px}.auto-mapping-info li{color:#0c5460;margin:8px 0}.import-summary{background-color:#f8f9fa;border:1px solid #e1e5e9;border-radius:8px;margin:24px 0;padding:20px}.import-summary h4{color:#333;margin:0 0 12px}.import-summary p{color:#555;margin:8px 0}.data-review-section{width:100%}.sample-appointment{background-color:#f8f9fa;border:1px solid #e1e5e9;border-radius:8px;margin:24px 0;padding:20px}.sample-appointment h4{color:#333;margin:0 0 16px}.appointment-details{background-color:#fff;border:1px solid #e1e5e9;border-radius:6px;padding:16px}.detail-row{border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:8px 0}.detail-row:last-child{border-bottom:none}.detail-row .label{color:#555;font-weight:600}.detail-row .value{color:#333;text-align:right}.import-notes{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin:24px 0;padding:20px}.import-notes h4{color:#856404;margin:0 0 12px}.import-notes ul{margin:0;padding-left:20px}.import-notes li{color:#856404;margin:8px 0}.saving-section{padding:40px 20px;text-align:center}.saving-animation{margin:24px 0}.saving-animation p{color:#333;font-size:16px;margin:16px 0}.progress-text{color:#666;font-size:14px}.success-message{margin:24px 0;text-align:center}.success-icon{font-size:64px;margin-bottom:16px}.success-message h4{color:#28a745;font-size:24px;margin:0 0 16px}.success-message p{color:#666;margin:8px 0}.button-group{display:flex;gap:16px;justify-content:space-between;margin-top:32px}.btn-primary,.btn-secondary{border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:500;min-width:120px;padding:12px 24px;transition:all .2s}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3}.btn-primary:disabled{background-color:#ccc;cursor:not-allowed}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#545b62}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;font-weight:500;margin:16px 0;padding:16px;text-align:center}.mapping-progress{margin:20px 0 30px;text-align:center}.progress-bar{background-color:#e5e7eb;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:4px;height:100%;transition:width .3s ease}.mapping-progress p{color:#6b7280;font-size:14px;margin:0}.current-mapping-step{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin:20px 0;padding:24px;width:100%}.step-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.step-header h4{color:#1f2937;font-size:20px;font-weight:600;margin:0}.optional-badge,.required-badge{border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.required-badge{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626}.optional-badge{background-color:#f0fdf4;border:1px solid #a7f3d0;color:#059669}.step-description{color:#6b7280;font-size:16px;line-height:1.5;margin-bottom:20px}.step-actions{align-items:center;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:space-between;margin-top:24px;padding-top:20px}.step-actions .btn-outline{background:#0000;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.step-actions .btn-outline:hover{background:#f9fafb;border-color:#9ca3af;color:#374151}.step-actions .btn-primary:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;opacity:.6}.mapping-navigation-footer{align-items:center;background:#fff;border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top:1px solid #e5e7eb;bottom:0;box-shadow:0 -4px 6px -1px #0000001a;display:flex;gap:12px;justify-content:space-between;left:0;padding:16px 24px;position:absolute;right:0;z-index:10}.mapping-navigation-footer .btn-outline{background:#0000;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.mapping-navigation-footer .btn-outline:hover{background:#f9fafb;border-color:#9ca3af;color:#374151}.mapping-navigation-footer .btn-primary:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;opacity:.6}.mapping-section{margin:20px 0}.mapping-section h3{color:#1f2937;font-size:18px;margin-bottom:8px}.mapping-section>p{color:#6b7280;font-size:14px;margin-bottom:24px}.optional-fields,.required-fields{margin:24px 0}.optional-fields h4,.required-fields h4{border-bottom:2px solid #e5e7eb;color:#374151;font-size:16px;font-weight:600;margin-bottom:16px;padding-bottom:8px}.required-fields h4{border-bottom-color:#fecaca;color:#dc2626}.optional-fields h4{border-bottom-color:#a7f3d0;color:#059669}.custom-selection{display:flex;flex-direction:column;gap:8px;margin:12px 0}.selection-option{align-items:center;background:#fff;border:2px solid #e1e5e9;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.selection-option:hover{background:#f8fafc;border-color:#3b82f6}.selection-option.selected{background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.option-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.option-label{color:#1f2937;font-size:14px;font-weight:500}.option-preview{color:#6b7280;font-size:12px;font-style:italic;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checkmark{color:#3b82f6;font-size:16px;font-weight:700;margin-left:8px}@media (max-width:768px){.calendar-import-modal{margin:10px;max-height:95vh}.modal-header{padding:16px 16px 12px}.modal-content,.progress-indicator{padding:16px}.step-label{font-size:12px}.mapping-option{padding:16px}.mapping-option select{font-size:14px}.button-group{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.user-info-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;overscroll-behavior:contain;padding:20px;position:fixed;right:0;top:0;touch-action:none;z-index:2000}@media (max-width:768px){.user-info-modal-overlay{padding:16px}.user-info-modal{max-height:85vh;max-width:100%;width:95%}}.user-info-modal{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;max-height:70vh;max-width:420px;overscroll-behavior:contain;position:relative;touch-action:pan-y;width:90%}.user-info-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:space-between;padding:20px}.user-info-modal-header h2{color:#333;font-size:1.5rem;margin:0}.user-info-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.user-info-modal-close:hover{background-color:#f3f4f6;color:#333}.user-info-modal-content{-webkit-overflow-scrolling:touch;flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#cbd5e0 #f1f5f9;scrollbar-width:thin}.user-info-modal-content::-webkit-scrollbar{width:8px}.user-info-modal-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.user-info-modal-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.user-info-modal-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.user-info-section{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;gap:16px;padding:20px 24px}.user-info-avatar-container{flex-shrink:0;position:relative}.user-info-avatar{object-fit:cover}.user-info-avatar,.user-info-avatar-fallback{border:2px solid #e5e7eb;border-radius:50%;height:64px;width:64px}.user-info-avatar-fallback{align-items:center;background-color:#3b82f6;color:#fff;display:flex;font-size:1.5rem;font-weight:600;justify-content:center}.user-info-details{flex:1 1}.user-info-name{color:#333;font-size:1.25rem;font-weight:600;margin-bottom:4px}.user-info-username{color:#666;font-size:.9rem;margin-bottom:2px}.user-info-role{color:#3b82f6;font-size:.9rem;font-weight:500}.password-change-section{flex-shrink:0;padding:20px 24px}.password-change-section h3{color:#333;font-size:1.25rem;margin:0 0 20px}.password-change-message{border-radius:6px;font-size:.9rem;margin-bottom:20px;padding:12px}.password-change-message.success{background-color:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.password-change-message.error{background-color:#fee2e2;border:1px solid #fecaca;color:#991b1b}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-size:.9rem;font-weight:500;margin-bottom:8px}.form-group input{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-size:1rem;padding:10px 12px;transition:border-color .2s;width:100%}.form-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group input.error{border-color:#ef4444}.form-group input:disabled{background-color:#f3f4f6;cursor:not-allowed}.error-message{color:#ef4444;display:block;font-size:.85rem;margin-bottom:0;margin-top:4px}.password-change-actions{display:flex;gap:12px;margin-top:24px}.btn-cancel,.btn-submit{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;padding:12px 24px;transition:all .2s}.btn-cancel{background-color:#f3f4f6;color:#333}.btn-cancel:hover:not(:disabled){background-color:#e5e7eb}.btn-submit{background-color:#3b82f6;color:#fff}.btn-submit:hover:not(:disabled){background-color:#2563eb}.btn-cancel:disabled,.btn-submit:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.user-info-modal{border-radius:12px;margin:0 auto;max-height:85vh;max-width:100%;width:95%}.user-info-modal-overlay{padding:16px}.user-info-section{text-align:center}.password-change-actions,.user-info-section{flex-direction:column}.btn-cancel,.btn-submit{width:100%}}.bottom-navigation{align-items:center;background:#fafafa;background-attachment:fixed!important;border-top:1px solid #e5e7eb;bottom:0!important;box-shadow:0 -1px 3px #0000000d,0 -4px 6px #00000005;contain:layout style paint;display:flex!important;height:auto!important;isolation:isolate;justify-content:space-around;left:0!important;margin-bottom:0!important;max-height:none!important;padding:8px 0 0!important;position:fixed!important;right:0!important;top:auto!important;transform:none!important;width:100%!important;will-change:auto;z-index:999!important}.nav-tab{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;justify-content:center;max-width:100px;min-height:60px;min-width:60px;padding:8px 12px;position:relative;transition:all .2s ease}.nav-tab:hover{background-color:#f9fafb}.nav-tab:active{background-color:#f3f4f6;transform:scale(.98)}.nav-tab.active{background-color:#f8f9ff;color:#4f46e5}.nav-icon{align-items:center;display:flex;font-size:24px;justify-content:center;margin-bottom:4px;position:relative}.nav-label{color:#6b7280;font-size:12px;font-weight:500;line-height:1.2;text-align:center}.nav-tab.active .nav-label{color:#4f46e5;font-weight:600}.nav-badge{align-items:center;background:#ef4444;border:2px solid #fff;border-radius:10px;color:#fff;display:flex;font-size:10px;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:2px 6px;position:absolute;right:-8px;top:-8px}@media (min-width:768px){.bottom-navigation{border-bottom:none;border-top:1px solid #e5e7eb;bottom:0!important;box-shadow:0 -1px 3px #0000000d,0 -4px 6px #00000005;left:0!important;margin-bottom:0!important;padding:12px 0 0!important;position:fixed!important;right:0!important;transform:none!important;width:100%!important}.nav-tab{min-height:70px;min-width:80px;padding:12px 16px}.nav-icon{font-size:28px;margin-bottom:6px}.nav-label{font-size:14px}}@media (min-width:1024px){.bottom-navigation{border-radius:12px 12px 0 0;bottom:0!important;left:50%!important;margin-bottom:0!important;margin-left:-600px!important;max-width:1200px;padding-bottom:0!important;position:fixed!important;transform:none!important}.nav-tab{min-height:80px;min-width:100px;padding:16px 20px}.nav-icon{font-size:32px;margin-bottom:8px}.nav-label{font-size:16px}}@media (prefers-color-scheme:dark){.bottom-navigation{background:#1a1a1a;border-top-color:#333}.nav-tab:hover{background-color:#2a2a2a}.nav-tab:active{background-color:#333}.nav-tab.active{background-color:#1a3a5f;color:#4da6ff}.nav-label{color:#ccc}.nav-tab.active .nav-label{color:#4da6ff}}.back-button{align-items:center;background:#0000;border:1px solid #007bff;border-radius:4px;color:#007bff;cursor:pointer;display:inline-flex;font-size:14px;gap:6px;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.back-button:hover{background-color:#007bff;color:#fff}.admin-tab-row{background-color:#f8f9fa;border:1px solid #e9ecef;border-left:none;border-radius:0;border-right:none;flex-wrap:wrap;gap:0;justify-content:space-evenly;left:0;margin:0 auto;max-width:700px;overflow-x:visible;position:relative;right:0;width:100%}.admin-tab-button,.admin-tab-row{align-items:center;box-sizing:border-box;display:flex;padding:0}.admin-tab-button{background-color:#fff;border:2px solid #e9ecef;border-radius:0;color:#333;cursor:pointer;flex-direction:column;font-size:1.08rem;font-weight:500;gap:8px;height:130px;justify-content:center;min-width:130px;overflow:hidden;text-align:center;transition:all .2s ease}.admin-tab-button.active{background-color:#007bff!important;border-color:#007bff!important;box-shadow:0 2px 4px #007bff33;color:#fff!important;font-weight:600}.admin-tab-button.inactive:hover{background-color:#f1f3f4;border-color:#ced4da}.admin-tab-button.active:hover{background-color:#007bff!important;border-color:#007bff!important;color:#fff!important}@media (max-width:768px){.admin-tab-row{display:flex;flex-wrap:wrap;gap:4px;padding:8px}.admin-tab-button{font-size:.9rem;height:80px;min-width:80px}.tab-icon{font-size:1.5rem}.admin-dashboard-content{padding-bottom:80px}}.tab-icon{font-size:2rem}.tab-label{font-size:1.08rem;line-height:1.2;max-width:100%;overflow:visible;text-align:center;text-overflow:clip;white-space:normal;word-break:break-word}@media (max-width:900px){.admin-tab-row{gap:0;max-width:100%;padding:0}.admin-tab-button{font-size:.97rem;height:100px;min-width:100px;padding:0}.tab-icon{font-size:1.4rem}}@media (max-width:600px){.admin-tab-row{gap:0;max-width:100%;padding:0}.admin-tab-button{font-size:.9rem;height:70px;min-width:70px;padding:0}.tab-label{font-size:.78rem}.tab-icon{font-size:1.1rem}}body,html{box-sizing:border-box;height:100%;margin:0;min-height:100vh;min-width:100vw;padding:0;width:100%}