@charset "UTF-8";.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:#000}.auth-container{width:100%;max-width:440px}.auth-header{text-align:center;margin-bottom:32px}.auth-header .logo{font-size:24px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:24px}.auth-header h1{font-size:28px;font-weight:700;margin-bottom:8px}.auth-header p{font-size:16px;color:#a0a0a0}.auth-form{background:#0a0a0a;border:1px solid #262626;border-radius:12px;padding:32px;margin-bottom:24px}.auth-footer{text-align:center}.auth-footer p{margin-bottom:12px;color:#a0a0a0}.auth-footer a{color:#667eea;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.back-home{display:inline-block;margin-top:12px;color:#a0a0a0;text-decoration:none;font-size:14px}.terms-text{font-size:13px;color:#6a6a6a;text-align:center;margin-top:16px}.staff-manager{max-width:1200px;margin:0 auto}.staff-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.staff-card{background:#000;border:1px solid #262626;border-radius:12px;padding:20px;transition:all .2s}.staff-card:hover{border-color:#3a3a3a}.staff-card.inactive{opacity:.7;background:#00000080}.staff-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px}.staff-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;font-weight:600;flex-shrink:0;overflow:hidden}.staff-avatar img{width:100%;height:100%;object-fit:cover}.staff-info{flex:1;min-width:0}.staff-info h3{font-size:18px;font-weight:600;color:#ededed;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inactive-badge{display:inline-block;padding:2px 8px;background:#ef444426;color:#ef4444;font-size:11px;font-weight:500;border-radius:4px}.staff-actions{display:flex;gap:4px}.staff-bio{color:#a0a0a0;font-size:14px;line-height:1.5;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.staff-contact{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.staff-contact .contact-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#a0a0a0}.staff-contact .contact-item i{color:#667eea;font-size:14px;width:16px}.staff-services{margin-bottom:16px;padding-top:16px;border-top:1px solid #262626}.services-label{display:block;font-size:12px;color:#6a6a6a;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.service-tags{display:flex;flex-wrap:wrap;gap:6px}.service-tag{display:inline-block;padding:4px 10px;background:#667eea1a;color:#667eea;font-size:12px;border-radius:4px;border:1px solid rgba(102,126,234,.2)}.staff-footer{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid #262626}.toggle-label{font-size:13px;color:#a0a0a0}.toggle-switch-small{position:relative;display:inline-block;width:36px;height:20px}.toggle-switch-small input{opacity:0;width:0;height:0}.toggle-slider-small{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#333;transition:.3s;border-radius:20px}.toggle-slider-small:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch-small input:checked+.toggle-slider-small{background-color:#4ade80}.toggle-switch-small input:checked+.toggle-slider-small:before{transform:translate(16px)}.services-checkbox-list{display:flex;flex-direction:column;gap:8px;background:#0a0a0a;border:1px solid #262626;border-radius:8px;padding:12px;max-height:200px;overflow-y:auto}.service-checkbox{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#111;border-radius:6px;cursor:pointer;transition:background .2s}.service-checkbox:hover{background:#1a1a1a}.service-checkbox input{display:none}.checkbox-custom{width:20px;height:20px;border:2px solid #444;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.service-checkbox input:checked+.checkbox-custom{background:#667eea;border-color:#667eea}.service-checkbox input:checked+.checkbox-custom:after{content:"";width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-label{flex:1;display:flex;flex-direction:column;gap:2px;color:#ededed;font-size:14px}.service-details-mini{font-size:12px;color:#6a6a6a}.no-services-hint{display:flex;align-items:center;gap:10px;padding:16px;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:8px;color:#fbbf24;font-size:13px}.no-services-hint i{font-size:18px}.form-hint{font-size:12px;color:#6a6a6a;margin:-8px 0 12px}.modal-wide{max-width:600px}.availability-grid{display:flex;flex-direction:column;gap:12px;margin:20px 0}.availability-row{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#111;border:1px solid #262626;border-radius:8px}.day-toggle{display:flex;align-items:center;gap:12px;min-width:160px}.day-toggle .day-name{font-size:15px;font-weight:500;color:#ededed}.btn-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid #333;border-radius:6px;color:#a0a0a0;cursor:pointer;transition:all .2s}.btn-icon:hover{background:#1a1a1a;border-color:#444;color:#ededed}.btn-icon i{font-size:14px}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 20px;color:#a0a0a0}.loading-spinner i{font-size:32px;animation:spin 1s linear infinite}@media (max-width: 768px){.staff-grid{grid-template-columns:1fr}.availability-row{flex-direction:column;gap:12px;align-items:flex-start}.day-toggle{width:100%;justify-content:space-between}.time-inputs{width:100%;justify-content:flex-start}}.customer-manager{max-width:1200px;margin:0 auto}.header-actions{display:flex;gap:12px;align-items:center}.clear-search{background:none;border:none;color:#6a6a6a;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.clear-search:hover{color:#ededed}.customer-count{color:#6a6a6a;font-size:14px;margin-bottom:16px}.customer-table{background:#000;border:1px solid #262626;border-radius:12px;overflow:hidden}.table-header{display:grid;grid-template-columns:2fr 2fr 1fr 1fr 1fr 60px;gap:16px;padding:16px 20px;background:#0a0a0a;border-bottom:1px solid #262626}.th{font-size:12px;font-weight:600;color:#6a6a6a;text-transform:uppercase;letter-spacing:.5px}.th.sortable{cursor:pointer;display:flex;align-items:center;gap:6px;transition:color .2s}.th.sortable:hover{color:#a0a0a0}.th.sortable.active{color:#667eea}.th.sortable i{font-size:10px}.table-body{max-height:600px;overflow-y:auto}.table-row{display:grid;grid-template-columns:2fr 2fr 1fr 1fr 1fr 60px;gap:16px;padding:16px 20px;border-bottom:1px solid #1a1a1a;cursor:pointer;transition:background .2s;align-items:center}.td{font-size:14px;color:#ededed}.customer-cell{display:flex;align-items:center;gap:12px}.customer-avatar-small{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:600;flex-shrink:0}.customer-name{font-weight:500}.contact-cell{display:flex;flex-direction:column;gap:4px}.contact-cell .contact-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#a0a0a0}.contact-cell .contact-item i{font-size:12px;color:#667eea}.booking-count{font-weight:600;color:#667eea}.noshow-indicator{color:#ef4444;margin-left:8px;font-size:12px}.total-spent{font-weight:600;color:#4ade80}.last-visit{color:#a0a0a0}.notes-cell{text-align:center}.notes-cell i{color:#fbbf24}.customer-detail-header{display:flex;align-items:flex-start;gap:24px;padding:24px;background:#0a0a0a;border:1px solid #262626;border-radius:12px;margin-bottom:24px}.customer-avatar-large{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;font-weight:700;flex-shrink:0}.customer-detail-info{flex:1}.customer-detail-info h2{font-size:24px;font-weight:700;color:#ededed;margin:0 0 12px}.customer-contacts{display:flex;gap:20px;margin-bottom:8px}.customer-contacts a{display:flex;align-items:center;gap:8px;color:#a0a0a0;text-decoration:none;font-size:14px;transition:color .2s}.customer-since{font-size:13px;color:#6a6a6a}.customer-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.customer-stat-card{background:#0a0a0a;border:1px solid #262626;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px}.stat-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px}.stat-icon.green{background:#4ade8026;color:#4ade80}.stat-icon.blue{background:#60a5fa26;color:#60a5fa}.stat-icon.purple{background:#667eea26;color:#667eea}.stat-icon.red{background:#ef444426;color:#ef4444}.stat-content .stat-value{font-size:24px;font-weight:700;color:#ededed}.stat-content .stat-label{font-size:13px;color:#6a6a6a}.customer-notes-display{background:#0a0a0a;border:1px solid #262626;border-radius:12px;padding:20px;margin-bottom:24px}.customer-notes-display h3{font-size:16px;font-weight:600;color:#ededed;margin:0 0 12px;display:flex;align-items:center;gap:8px}.customer-notes-display h3 i{color:#fbbf24}.customer-notes-display p{color:#a0a0a0;font-size:14px;line-height:1.6;margin:0;white-space:pre-wrap}.customer-bookings-section{background:#0a0a0a;border:1px solid #262626;border-radius:12px;padding:20px}.customer-bookings-section h3{font-size:16px;font-weight:600;color:#ededed;margin:0 0 20px;display:flex;align-items:center;gap:8px}.customer-bookings-section h3 i{color:#667eea}.bookings-timeline{position:relative;padding-left:20px}.bookings-timeline:before{content:"";position:absolute;left:6px;top:0;bottom:0;width:2px;background:#262626}.timeline-item{position:relative;padding:0 0 20px 20px}.timeline-item:last-child{padding-bottom:0}.timeline-dot{position:absolute;left:-14px;top:4px;width:12px;height:12px;border-radius:50%;border:2px solid #0a0a0a}.timeline-content{background:#111;border:1px solid #262626;border-radius:8px;padding:14px 16px}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.timeline-date{font-size:13px;color:#6a6a6a}.timeline-service{font-size:15px;font-weight:500;color:#ededed}.timeline-staff{color:#a0a0a0;font-weight:400;margin-left:8px}.timeline-price{font-size:14px;color:#4ade80;font-weight:600;margin-top:6px}.char-count{display:block;text-align:right;font-size:12px;color:#6a6a6a;margin-top:4px}.loading-spinner.small{padding:30px;font-size:14px}.loading-spinner.small i{font-size:20px}.empty-state.small{padding:30px}@media (max-width: 1024px){.table-header,.table-row{grid-template-columns:2fr 2fr 1fr 1fr}.table-header .th:nth-child(5),.table-header .th:nth-child(6),.table-row .td:nth-child(5),.table-row .td:nth-child(6){display:none}.customer-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.header-actions{flex-direction:column;align-items:stretch;width:100%}.section-header{flex-direction:column;gap:16px;align-items:stretch}.section-header .btn-primary,.section-header .btn-secondary{align-self:flex-start;width:auto!important;max-width:fit-content}.table-header,.table-row{grid-template-columns:2fr 1fr 1fr}.table-header .th:nth-child(2),.table-row .td:nth-child(2){display:none}.customer-detail-header{flex-direction:column;text-align:center}.customer-contacts{flex-direction:column;gap:8px;align-items:center}.customer-stats-grid{grid-template-columns:1fr 1fr}.customer-stat-card{padding:16px}.stat-content .stat-value{font-size:20px}}.analytics-tab{max-width:1200px;margin:0 auto}.analytics-tab .analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.analytics-tab .period-selector{display:flex;gap:8px;background:#111;padding:4px;border-radius:8px;border:1px solid #262626}.analytics-tab .period-selector button{padding:8px 16px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:14px;color:#6a6a6a;transition:all .2s}.analytics-tab .period-selector button:hover{background:#1a1a1a;color:#a0a0a0}.analytics-tab .period-selector button.active{background:#667eea;color:#fff}.analytics-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.analytics-stat-card{background:#111;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;border:1px solid #262626}.analytics-stat-card .stat-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px}.analytics-stat-card.revenue .stat-icon{background:#4ade8026;color:#4ade80}.analytics-stat-card.bookings .stat-icon{background:#667eea26;color:#667eea}.analytics-stat-card.customers .stat-icon{background:#fbbf2426;color:#fbbf24}.analytics-stat-card.noshow .stat-icon{background:#ef444426;color:#ef4444}.analytics-stat-card .stat-content{display:flex;flex-direction:column}.analytics-stat-card .stat-value{font-size:24px;font-weight:700;color:#ededed}.analytics-stat-card .stat-label{font-size:13px;color:#6a6a6a;margin-top:2px}.analytics-tab .charts-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px}.analytics-tab .chart-card{background:#111;border-radius:12px;padding:20px;border:1px solid #262626}.analytics-tab .chart-card.wide{grid-column:span 2}.analytics-tab .chart-card h3{font-size:16px;font-weight:600;color:#ededed;margin:0 0 16px}.analytics-tab .no-data{height:200px;display:flex;align-items:center;justify-content:center;color:#6a6a6a;font-size:14px}.analytics-tab .heatmap{display:flex;flex-direction:column;gap:4px}.analytics-tab .heatmap-header{display:flex;gap:4px;padding-left:40px}.analytics-tab .heatmap-header span{width:28px;text-align:center;font-size:11px;color:#6a6a6a}.analytics-tab .heatmap-row{display:flex;gap:4px;align-items:center}.analytics-tab .day-label{width:36px;font-size:12px;color:#6a6a6a}.analytics-tab .heatmap-cell{width:28px;height:28px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff;cursor:default;border:1px solid #262626}.analytics-tab .heatmap-cell span{font-weight:600}.analytics-tab .customer-stats{display:flex;flex-direction:column;gap:16px}.analytics-tab .customer-breakdown{display:flex;gap:12px}.analytics-tab .breakdown-item{flex:1;background:#1a1a1a;border-radius:8px;padding:14px;text-align:center;border:1px solid #262626}.analytics-tab .breakdown-value{display:block;font-size:28px;font-weight:700;color:#ededed}.analytics-tab .breakdown-label{font-size:12px;color:#6a6a6a}.analytics-tab .top-customers-list{display:flex;flex-direction:column;gap:10px}.analytics-tab .top-customer{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#1a1a1a;border-radius:8px;border:1px solid #262626}.analytics-tab .customer-rank{width:26px;height:26px;background:#667eea;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}.analytics-tab .customer-info{flex:1;display:flex;flex-direction:column}.analytics-tab .customer-name{font-weight:500;color:#ededed;font-size:14px}.analytics-tab .customer-bookings{font-size:12px;color:#6a6a6a}.analytics-tab .customer-spent{font-weight:600;color:#4ade80;font-size:14px}.analytics-tab .additional-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.analytics-tab .mini-stat{background:#111;border-radius:8px;padding:14px;display:flex;align-items:center;gap:12px;border:1px solid #262626}.analytics-tab .mini-stat i{font-size:20px;color:#667eea}.analytics-tab .mini-stat>div{display:flex;flex-direction:column}.analytics-tab .mini-value{font-size:16px;font-weight:600;color:#ededed}.analytics-tab .mini-label{font-size:11px;color:#6a6a6a}.analytics-tab .loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;font-size:14px;color:#6a6a6a;gap:12px}.analytics-tab .loading-spinner i{font-size:28px;animation:spin 1s linear infinite}.analytics-tab .recharts-text{fill:#6a6a6a!important}.analytics-tab .recharts-legend-item-text{color:#a0a0a0!important}@media (max-width: 1024px){.analytics-stats-grid,.analytics-tab .additional-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.analytics-tab .analytics-header{flex-direction:column;gap:16px;align-items:flex-start}.analytics-stats-grid,.analytics-tab .charts-row{grid-template-columns:1fr}.analytics-tab .chart-card.wide{grid-column:span 1}.analytics-tab .additional-stats{grid-template-columns:1fr 1fr}.analytics-tab .heatmap{overflow-x:auto}}.transactions-tab{max-width:1200px;margin:0 auto}.transactions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.filter-select{background:#111;border:1px solid #262626;border-radius:8px;padding:8px 12px;color:#ededed;font-size:14px;cursor:pointer}.transactions-tab .period-selector{display:flex;gap:8px;background:#111;padding:4px;border-radius:8px;border:1px solid #262626}.transactions-tab .period-selector button{padding:8px 16px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:14px;color:#6a6a6a;transition:all .2s}.transactions-tab .period-selector button:hover{background:#1a1a1a;color:#a0a0a0}.transactions-tab .period-selector button.active{background:#667eea;color:#fff}.transactions-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.summary-card{background:#111;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;border:1px solid #262626}.summary-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px}.summary-card.deposits .summary-icon{background:#4ade8026;color:#4ade80}.summary-card.refunds .summary-icon{background:#fbbf2426;color:#fbbf24}.summary-card.net .summary-icon{background:#667eea26;color:#667eea}.summary-card.failed .summary-icon{background:#ef444426;color:#ef4444}.summary-content{display:flex;flex-direction:column}.summary-value{font-size:24px;font-weight:700;color:#ededed}.summary-label{font-size:13px;color:#6a6a6a;margin-top:2px}.transactions-list-container{background:#111;border-radius:12px;border:1px solid #262626;overflow:hidden}.no-transactions{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6a6a6a}.no-transactions i{font-size:48px;margin-bottom:16px}.no-transactions p{font-size:16px}.transactions-table{width:100%}.table-header{display:grid;grid-template-columns:160px 100px 1fr 150px 120px 100px;gap:16px;padding:16px 20px;background:#0a0a0a;border-bottom:1px solid #262626;font-size:12px;font-weight:600;color:#6a6a6a;text-transform:uppercase;letter-spacing:.5px}.table-row{display:grid;grid-template-columns:160px 100px 1fr 150px 120px 100px;gap:16px;padding:16px 20px;border-bottom:1px solid #1a1a1a;align-items:center;transition:background .2s}.table-row:last-child{border-bottom:none}.table-row:hover{background:#0a0a0a}.col-date .date-primary{font-size:14px;color:#ededed}.col-customer{display:flex;flex-direction:column;gap:2px}.customer-name{font-weight:500;color:#ededed;font-size:14px}.col-service{color:#a0a0a0;font-size:14px}.amount{font-weight:600;font-size:14px;color:#4ade80}.amount.refund{color:#fbbf24}.type-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}.type-badge.type-deposit{background:#4ade8026;color:#4ade80}.type-badge.type-refund{background:#fbbf2426;color:#fbbf24}.type-badge.type-payment{background:#667eea26;color:#667eea}.status-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}.status-badge.status-completed{background:#4ade8026;color:#4ade80}.status-badge.status-pending{background:#fbbf2426;color:#fbbf24}.status-badge.status-failed{background:#ef444426;color:#ef4444}.status-badge.status-refunded{background:#8b5cf626;color:#8b5cf6}.transactions-tab .loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;font-size:14px;color:#6a6a6a;gap:12px}.transactions-tab .loading-spinner i{font-size:28px;animation:spin 1s linear infinite}@media (max-width: 1024px){.transactions-summary{grid-template-columns:repeat(2,1fr)}.table-header,.table-row{grid-template-columns:140px 90px 1fr 100px 100px}.col-service{display:none}}@media (max-width: 768px){.transactions-header{flex-direction:column;align-items:flex-start}.header-controls{width:100%;flex-wrap:wrap}.transactions-summary{grid-template-columns:1fr 1fr}.table-header{display:none}.table-row{display:flex;flex-direction:column;gap:8px;padding:16px}.table-row>div{display:flex;justify-content:space-between;width:100%}.col-customer{flex-direction:row;justify-content:space-between;align-items:center}.col-service{display:flex}}.recurring-tab{max-width:1200px;margin:0 auto}.recurring-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.header-controls{display:flex;align-items:center;gap:12px}.filter-select{background:#111;border:1px solid #262626;border-radius:8px;padding:10px 14px;color:#ededed;font-size:14px;cursor:pointer}.filter-select:focus{outline:none;border-color:#667eea}.recurring-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.recurring-stats .stat-card{background:#111;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;border:1px solid #262626}.recurring-stats .stat-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px}.recurring-stats .stat-icon.active{background:#4ade8026;color:#4ade80}.recurring-stats .stat-icon.paused{background:#fbbf2426;color:#fbbf24}.recurring-stats .stat-icon.total{background:#667eea26;color:#667eea}.recurring-stats .stat-content{display:flex;flex-direction:column}.recurring-stats .stat-value{font-size:28px;font-weight:700;color:#ededed}.recurring-stats .stat-label{font-size:13px;color:#6a6a6a}.recurring-list{display:flex;flex-direction:column;gap:12px}.no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#111;border-radius:12px;border:1px solid #262626;color:#6a6a6a}.no-data i{font-size:48px;margin-bottom:16px}.no-data p{font-size:16px;margin-bottom:20px}.recurring-card{display:grid;grid-template-columns:1.5fr 1fr 1fr auto auto;gap:20px;align-items:center;padding:20px;background:#111;border-radius:12px;border:1px solid #262626;transition:border-color .2s}.recurring-card:hover{border-color:#333}.recurring-main{display:flex;flex-direction:column;gap:8px}.recurring-customer{display:flex;flex-direction:column;gap:2px}.customer-name{font-weight:600;color:#ededed;font-size:15px}.customer-email{font-size:12px;color:#6a6a6a}.recurring-service{display:flex;flex-direction:column;gap:2px}.service-name{color:#667eea;font-size:14px;font-weight:500}.staff-name{font-size:12px;color:#6a6a6a}.recurring-schedule{display:flex;flex-direction:column;gap:6px}.schedule-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#a0a0a0}.schedule-item i{color:#667eea;width:16px}.recurring-dates{display:flex;flex-direction:column;gap:6px}.date-item{display:flex;align-items:center;gap:8px;font-size:13px}.date-label{color:#6a6a6a}.date-value{color:#ededed}.status-badge{display:inline-block;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500}.status-badge.status-active{background:#4ade8026;color:#4ade80}.status-badge.status-paused{background:#fbbf2426;color:#fbbf24}.status-badge.status-cancelled{background:#ef444426;color:#ef4444}.recurring-actions{display:flex;gap:8px}.action-btn{width:36px;height:36px;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s}.action-btn.pause{background:#fbbf2426;color:#fbbf24}.action-btn.pause:hover{background:#fbbf2440}.action-btn.resume{background:#4ade8026;color:#4ade80}.action-btn.resume:hover{background:#4ade8040}.action-btn.delete{background:#ef444426;color:#ef4444}.action-btn.delete:hover{background:#ef444440}.recurring-tab .loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;font-size:14px;color:#6a6a6a;gap:12px}.recurring-tab .loading-spinner i{font-size:28px;animation:spin 1s linear infinite}.recurring-tab .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.recurring-tab .modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}@media (max-width: 1024px){.recurring-card{grid-template-columns:1fr 1fr auto auto}.recurring-schedule{display:none}}@media (max-width: 768px){.recurring-header{flex-direction:column;align-items:flex-start}.header-controls{width:100%;flex-wrap:wrap}.recurring-stats{grid-template-columns:1fr}.recurring-card{grid-template-columns:1fr;gap:16px}.recurring-schedule{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px}.recurring-dates{flex-direction:row;flex-wrap:wrap;gap:16px}.recurring-actions{justify-content:flex-end}.recurring-tab .form-row{grid-template-columns:1fr}}.dashboard{display:flex;min-height:100vh}.sidebar{width:260px;background:#0a0a0a;border-right:1px solid #262626;display:flex;flex-direction:column;position:fixed;height:100vh}.main-content{flex:1;margin-left:260px;background:#000}.page-content{padding:32px;max-width:1400px;margin:0 auto}.page-header{margin-bottom:32px}.page-title{font-size:32px;font-weight:700;margin-bottom:8px}.page-subtitle{font-size:16px;color:#a0a0a0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:32px}.stat-card{background:#0a0a0a;border:1px solid #262626;border-radius:12px;padding:24px;display:flex;align-items:center;gap:16px}.stat-icon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:24px}.stat-value{font-size:32px;font-weight:700;color:#ededed}.stat-label{font-size:14px;color:#a0a0a0}.section-card{background:#0a0a0a;border:1px solid #262626;border-radius:12px;padding:24px;margin-bottom:24px}.section-title{font-size:20px;font-weight:600;margin-bottom:20px;display:flex;align-items:center;gap:10px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service-card{background:#000;border:1px solid #262626;border-radius:12px;padding:20px}.empty-state{text-align:center;padding:60px 20px;color:#a0a0a0}.empty-state i{font-size:48px;margin-bottom:16px;opacity:.5;display:block}.top-bar{padding:20px 32px;background:#0a0a0a;border-bottom:1px solid #262626;display:flex;justify-content:space-between;align-items:center}.sidebar-header{padding:24px;border-bottom:1px solid #262626}.logo{font-size:20px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar-nav{flex:1;padding:16px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#a0a0a0;text-decoration:none;border-radius:8px;margin-bottom:4px;transition:all .2s;width:100%;background:transparent;border:none;text-align:left;cursor:pointer;font-size:14px;font-family:inherit}.nav-item:hover{background:#1a1a1a;color:#ededed}.nav-item.active{background:#667eea1a;color:#667eea;border:1px solid rgba(102,126,234,.2)}.sidebar-footer{padding:16px;border-top:1px solid #262626}.user-profile{display:flex;align-items:center;gap:12px;padding:12px;background:#1a1a1a;border-radius:8px;margin-bottom:12px}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff}.user-name{font-size:14px;font-weight:600;color:#ededed}.user-plan{font-size:12px;color:#a0a0a0}.btn-logout{width:100%;padding:10px;background:transparent;border:1px solid #262626;color:#a0a0a0;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.btn-logout:hover{background:#1a1a1a;color:#ededed}.settings-form{max-width:600px;margin:0 auto}.input-with-prefix{display:flex;align-items:center;background:#0a0a0a;border:1px solid #262626;border-radius:6px;overflow:hidden}.input-with-prefix .prefix{background:#1a1a1a;padding:10px 14px;border-right:1px solid #262626;color:#6a6a6a;font-size:14px;white-space:nowrap}.input-with-prefix input{border:none!important;background:transparent!important;flex:1}.account-info{background:#000;border:1px solid #262626;border-radius:8px;padding:20px}.account-info .info-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #262626}.account-info .info-row:last-child{border-bottom:none}.plan-badge{display:flex;align-items:center;gap:12px}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.action-card{background:#000;border:1px solid #262626;border-radius:8px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .2s;color:#ededed;font-size:14px}.action-card:hover{border-color:#667eea;transform:translateY(-2px);background:#0a0a0a}.action-card i{font-size:24px;color:#667eea}.action-card span{color:#ededed;font-weight:500}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header .section-title{margin-bottom:0}.btn-sm{padding:6px 12px;font-size:13px;width:auto!important;flex-shrink:0}.section-header .btn-primary,.section-header .btn-secondary{width:auto;flex-shrink:0;align-self:center}.service-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.service-header h3{font-size:18px;margin:0;color:#ededed}.service-actions{display:flex;gap:8px}.service-description{color:#a0a0a0;font-size:14px;margin-bottom:16px;line-height:1.5}.service-details{display:flex;gap:16px;flex-wrap:wrap}.detail-item{display:flex;align-items:center;gap:6px;font-size:14px;color:#a0a0a0}.detail-item i{color:#667eea}.booking-item{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #262626}.booking-item:last-child{border-bottom:none}.booking-info{display:flex;flex-direction:column}.booking-info strong{font-size:15px;margin-bottom:4px;color:#ededed}.booking-info span{font-size:13px;color:#a0a0a0}.booking-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.booking-meta span{font-size:13px;color:#a0a0a0}.status-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:capitalize}.status-badge.pending{background:#fbbf241a;color:#fbbf24;border:1px solid rgba(251,191,36,.2)}.status-badge.confirmed{background:#4ade801a;color:#4ade80;border:1px solid rgba(74,222,128,.2)}.status-badge.completed{background:#667eea1a;color:#667eea;border:1px solid rgba(102,126,234,.2)}.status-badge.cancelled{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.color-picker{display:flex;align-items:center;gap:12px}.color-picker input[type=color]{width:60px;height:40px;border:1px solid #262626;border-radius:6px;cursor:pointer;background:#0a0a0a}.color-input{width:120px!important}.bookings-list{background:#000;border:1px solid #262626;border-radius:8px;overflow:hidden}.mobile-menu-btn{display:none;background:transparent;border:none;color:#ededed;font-size:24px;cursor:pointer}.top-bar-actions{display:flex;gap:12px}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.services-grid{grid-template-columns:1fr}.quick-actions{grid-template-columns:repeat(2,1fr)}}.availability-manager{max-width:900px;margin:0 auto}.business-hours-grid{background:#000;border:1px solid #262626;border-radius:12px;padding:24px;margin-bottom:32px}.day-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #262626}.day-row:last-child{border-bottom:none}.day-header{display:flex;align-items:center;gap:16px;min-width:150px}.day-label{font-size:15px;font-weight:500;color:#ededed}.toggle-switch{position:relative;display:inline-block;width:48px;height:24px}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#262626;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#6a6a6a;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px);background-color:#fff}.time-inputs{display:flex;align-items:center;gap:12px}.time-inputs input[type=time]{padding:8px 12px;background:#0a0a0a;border:1px solid #262626;border-radius:6px;color:#ededed;font-size:14px}.time-separator{color:#6a6a6a;font-size:14px}.closed-label{color:#6a6a6a;font-size:14px;font-style:italic}.blocked-times-section{margin-top:48px}.blocked-times-list{display:flex;flex-direction:column;gap:12px}.blocked-time-card{background:#0a0a0a;border:1px solid #262626;border-radius:8px;padding:16px;display:flex;justify-content:space-between;align-items:center}.blocked-info{display:flex;flex-direction:column;gap:8px}.blocked-date,.blocked-time{display:flex;align-items:center;gap:8px;font-size:14px;color:#ededed}.blocked-date i,.blocked-time i{color:#ef4444}.blocked-reason{font-size:13px;color:#a0a0a0;font-style:italic}.btn-danger{color:#ef4444;border-color:#ef44444d}.btn-danger:hover{background:#ef44441a;border-color:#ef4444}.nav-badge{background:#ef4444;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;margin-left:auto}.filter-tabs{display:flex;gap:8px;flex-wrap:wrap}.filter-tab{padding:6px 12px;background:transparent;border:1px solid #262626;border-radius:6px;color:#a0a0a0;font-size:13px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.filter-tab:hover{background:#1a1a1a;color:#ededed}.filter-tab.active{background:#667eea1a;border-color:#667eea4d;color:#667eea}.filter-count{background:#262626;padding:2px 6px;border-radius:4px;font-size:11px}.filter-tab.active .filter-count{background:#667eea33}.bookings-grid{display:flex;flex-direction:column;gap:16px}.booking-card{background:#000;border:1px solid #262626;border-radius:12px;padding:20px;transition:all .2s}.booking-card:hover{border-color:#3a3a3a}.booking-card.past{opacity:.7}.booking-card-main{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.booking-card-left{display:flex;gap:20px}.booking-datetime{display:flex;flex-direction:column;gap:4px;min-width:140px}.booking-date,.booking-time{display:flex;align-items:center;gap:8px;font-size:14px;color:#a0a0a0}.booking-date i,.booking-time i{color:#667eea;font-size:14px}.booking-customer{display:flex;flex-direction:column;gap:4px}.booking-customer strong{font-size:16px;color:#ededed}.booking-service{font-size:14px;color:#a0a0a0}.booking-card-details{padding:16px 0;border-top:1px solid #262626;border-bottom:1px solid #262626;margin-bottom:16px}.booking-contact{display:flex;gap:20px;flex-wrap:wrap}.contact-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#a0a0a0;text-decoration:none;transition:color .2s}.contact-item:hover,.contact-item i{color:#667eea}.booking-notes{margin-top:12px;display:flex;align-items:flex-start;gap:8px;font-size:14px;color:#6a6a6a;font-style:italic}.booking-notes i{color:#6a6a6a;margin-top:2px}.booking-card-actions{display:flex;gap:8px;flex-wrap:wrap}.btn-action{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;border:1px solid transparent;background:transparent}.btn-action.btn-confirm{background:#4ade801a;color:#4ade80;border-color:#4ade804d}.btn-action.btn-confirm:hover{background:#4ade8033;border-color:#4ade80}.btn-action.btn-cancel{background:#ef44441a;color:#ef4444;border-color:#ef44444d}.btn-action.btn-cancel:hover{background:#ef444433;border-color:#ef4444}.btn-action.btn-complete{background:#667eea1a;color:#667eea;border-color:#667eea4d}.btn-action.btn-complete:hover{background:#667eea33;border-color:#667eea}.btn-action.btn-noshow{background:#fbbf241a;color:#fbbf24;border-color:#fbbf244d}.btn-action.btn-noshow:hover{background:#fbbf2433;border-color:#fbbf24}.status-badge.no-show{background:#fbbf241a;color:#fbbf24;border:1px solid rgba(251,191,36,.2)}@media (max-width: 768px){.booking-card-main,.booking-card-left{flex-direction:column;gap:12px}.filter-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px}.booking-card-actions{flex-direction:column}.btn-action{justify-content:center}}.search-box{display:flex;align-items:center;gap:10px;background:#000;border:1px solid #262626;border-radius:6px;padding:8px 14px}.search-box i{color:#6a6a6a}.search-box input{background:transparent;border:none;color:#ededed;font-size:14px;outline:none;width:200px}.search-box input::placeholder{color:#6a6a6a}.customers-list{background:#000;border:1px solid #262626;border-radius:8px;overflow:hidden}.customer-row{display:flex;align-items:center;gap:16px;padding:16px;border-bottom:1px solid #262626;cursor:pointer;transition:background .2s}.customer-row:hover{background:#0a0a0a}.customer-row:last-child{border-bottom:none}.customer-avatar-small{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px}.customer-row .customer-info{flex:1}.customer-row .customer-info strong{display:block;font-size:15px;margin-bottom:4px;color:#ededed}.customer-row .customer-info span{font-size:13px;color:#a0a0a0}.customer-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.customer-meta .booking-count{font-size:13px;color:#667eea;font-weight:500}.customer-meta .last-visit{font-size:12px;color:#6a6a6a}.customer-row>i{color:#6a6a6a}.customer-detail{padding:0}.btn-back{background:transparent;border:none;color:#a0a0a0;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;margin-bottom:24px;padding:0}.btn-back:hover{color:#ededed}.customer-header{display:flex;align-items:flex-start;gap:20px;padding:24px;background:#000;border:1px solid #262626;border-radius:12px}.customer-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:24px}.customer-info-detail h3{margin:0 0 12px;font-size:20px;color:#ededed}.customer-contacts{display:flex;gap:20px;margin-bottom:12px}.customer-contacts a{display:flex;align-items:center;gap:8px;font-size:14px;color:#a0a0a0;text-decoration:none;transition:color .2s}.customer-contacts a:hover,.customer-contacts a i{color:#667eea}.customer-stats{display:flex;gap:20px;font-size:13px;color:#6a6a6a}.customer-stats strong{color:#667eea}.week-calendar{background:#0a0a0a;border:1px solid #262626;border-radius:12px;overflow:hidden}.calendar-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #262626;background:#111}.calendar-nav{display:flex;align-items:center;gap:8px}.calendar-title{font-size:18px;font-weight:600;color:#ededed;margin:0}.calendar-legend{display:flex;gap:16px;font-size:12px;color:#a0a0a0}.legend-item{display:flex;align-items:center;gap:6px}.legend-dot{width:10px;height:10px;border-radius:50%}.calendar-grid-container{overflow-x:auto}.calendar-grid{min-width:800px}.calendar-row-header{display:flex;border-bottom:1px solid #262626;background:#0f0f0f}.time-column-header{width:60px;min-width:60px;padding:12px 8px}.day-header{flex:1;padding:12px 8px;text-align:center;border-left:1px solid #262626}.day-header.today{background:#667eea1a}.day-header.unavailable{opacity:.5;background:#6b72801a}.day-name{display:block;font-size:12px;color:#6a6a6a;text-transform:uppercase;margin-bottom:4px}.day-date{display:inline-block;font-size:18px;font-weight:600;color:#ededed;width:32px;height:32px;line-height:32px;border-radius:50%}.day-date.today-badge{background:#667eea;color:#fff}.calendar-body{display:flex;position:relative}.time-column{width:60px;min-width:60px;background:#0f0f0f;border-right:1px solid #262626}.time-slot-label{font-size:11px;color:#6a6a6a;padding:4px 8px;text-align:right;box-sizing:border-box;position:relative}.time-slot-label:after{content:"";position:absolute;top:0;left:100%;width:calc(100vw - 60px);border-top:1px solid #1a1a1a}.day-column{flex:1;position:relative;border-left:1px solid #262626}.day-column.today{background:#667eea08}.day-column.unavailable{background:#6b72800d}.day-column.unavailable:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(107,114,128,.03) 10px,rgba(107,114,128,.03) 20px);pointer-events:none}.hour-slot{box-sizing:border-box;border-bottom:1px solid #1a1a1a}.hour-slot:hover{background:#667eea0d}.calendar-booking{position:absolute;left:4px;right:4px;border-radius:6px;padding:4px 8px;color:#fff;font-size:12px;cursor:pointer;overflow:hidden;transition:transform .15s,box-shadow .15s;z-index:1}.calendar-booking:hover{transform:scale(1.02);box-shadow:0 4px 12px #0000004d;z-index:2}.booking-time{display:block;font-weight:600;font-size:11px;opacity:.9}.booking-customer{display:block;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.booking-service{display:block;font-size:11px;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 900px){.calendar-header{flex-direction:column;gap:12px}.calendar-legend{display:none}}@media (max-width: 768px){.calendar-grid-container{overflow-x:scroll;-webkit-overflow-scrolling:touch}.calendar-grid{min-width:700px}}.booking-detail-modal{max-width:500px}.modal-body{padding:24px}.modal-body .booking-card{background:transparent;border:none;padding:0}.modal-body .booking-card-main{margin-bottom:20px}.modal-body .booking-card-details{border-top:1px solid #262626;border-bottom:1px solid #262626;padding:16px 0;margin-bottom:20px}.modal-body .booking-card-actions{display:flex;gap:12px;justify-content:flex-start}.booking-modal{max-width:500px}.booking-modal .booking-details{padding:20px 24px}.booking-detail-row{display:flex;padding:12px 0;border-bottom:1px solid #262626}.booking-detail-row:last-child{border-bottom:none}.booking-detail-label{width:120px;color:#a0a0a0;font-size:14px;flex-shrink:0}.booking-detail-value{flex:1;color:#ededed;font-size:14px}.booking-detail-value strong{display:block;font-size:16px;margin-bottom:4px}.customer-contact{display:flex;align-items:center;gap:8px;color:#a0a0a0;font-size:13px;margin-top:4px}.customer-contact i{font-size:12px}.booking-price{display:inline-block;background:#667eea1a;color:#667eea;padding:2px 8px;border-radius:4px;font-size:13px;margin-left:8px}.booking-duration{color:#a0a0a0;font-size:13px;margin-left:8px}.booking-notes{background:#1a1a1a;padding:12px;border-radius:8px;font-style:italic;color:#a0a0a0}.booking-modal .booking-status-actions{padding:20px 24px;border-top:1px solid #262626}.booking-modal .modal-actions{padding:0 24px 24px}.status-label{color:#a0a0a0;font-size:14px;margin-bottom:12px}.status-buttons{display:flex;flex-wrap:wrap;gap:10px}.btn-status{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:all .2s ease}.btn-status:disabled{opacity:.5;cursor:not-allowed}.btn-status i{font-size:16px}.btn-confirm{background:#10b9811a;color:#10b981}.btn-confirm:hover:not(:disabled){background:#10b98133}.btn-complete{background:#6366f11a;color:#6366f1}.btn-complete:hover:not(:disabled){background:#6366f133}.btn-cancel{background:#ef44441a;color:#ef4444}.btn-cancel:hover:not(:disabled){background:#ef444433}.btn-noshow{background:#6b72801a;color:#6b7280}.btn-noshow:hover:not(:disabled){background:#6b728033}.btn-pending{background:#f59e0b1a;color:#f59e0b}.btn-pending:hover:not(:disabled){background:#f59e0b33}.pending-notification{display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,#fbbf2426,#f59e0b1a);border:1px solid rgba(251,191,36,.3);border-radius:12px;margin-bottom:24px}.pending-notification i{font-size:20px;color:#fbbf24}.pending-notification span{flex:1;color:#fef3c7;font-size:14px}.pending-notification strong{color:#fbbf24;font-weight:600}.btn-view-pending{padding:8px 16px;background:#fbbf24;color:#000;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-view-pending:hover{background:#f59e0b;transform:translateY(-1px)}.btn-confirm-small{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#4ade8026;color:#4ade80;border:1px solid rgba(74,222,128,.3);border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;margin-left:8px}.btn-confirm-small:hover{background:#4ade8040;border-color:#4ade8080;transform:translateY(-1px)}.btn-confirm-small i{font-size:14px}.month-calendar{width:100%}.month-grid{margin-top:16px}.month-header-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;margin-bottom:8px}.month-day-name{text-align:center;font-size:12px;font-weight:600;color:#888;padding:8px 0;text-transform:uppercase}.month-days-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background:#262626;border:1px solid #262626;border-radius:12px;overflow:hidden}.month-day-cell{background:#0a0a0a;min-height:120px;padding:8px;display:flex;flex-direction:column;transition:background .2s;overflow:hidden;min-width:0}.month-day-cell:hover{background:#111}.month-day-cell.other-month{background:#050505}.month-day-cell.other-month .month-day-number{color:#444}.month-day-cell.today{background:#667eea1a}.month-day-cell.today .month-day-number{background:#667eea;color:#fff;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.month-day-cell.unavailable{background:#ffffff05}.month-day-number{font-size:14px;font-weight:500;color:#fff;margin-bottom:6px}.month-day-bookings{flex:1;display:flex;flex-direction:column;gap:4px;overflow:hidden;min-width:0}.month-booking-item{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:4px;font-size:11px;cursor:pointer;transition:opacity .2s,transform .2s;overflow:hidden}.month-booking-item:hover{opacity:.9;transform:translate(2px)}.month-booking-time{font-weight:600;flex-shrink:0}.month-booking-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.9}.month-booking-more{font-size:11px;color:#888;padding:2px 8px;text-align:center}.settings-divider{height:1px;background:#262626;margin:32px 0 24px}.settings-section-title{font-size:18px;font-weight:600;color:#fff;margin-bottom:8px}.settings-section-desc{font-size:14px;color:#888;margin-bottom:20px}.booking-rules-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}.booking-rules-grid .form-group{margin-bottom:0}.booking-rules-grid label{display:flex;align-items:center;gap:8px;margin-bottom:8px}.booking-rules-grid label i{color:#667eea}.input-with-suffix{display:flex;align-items:center;background:#0a0a0a;border:1px solid #262626;border-radius:6px;overflow:hidden}.input-with-suffix input{border:none!important;background:transparent!important;flex:1;text-align:left;padding:10px 14px}.input-with-suffix input::-webkit-outer-spin-button,.input-with-suffix input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-with-suffix input[type=number]{-moz-appearance:textfield}.input-with-suffix .suffix{background:#1a1a1a;padding:10px 14px;border-left:1px solid #262626;color:#6a6a6a;font-size:14px;white-space:nowrap}@media (max-width: 768px){.booking-rules-grid{grid-template-columns:1fr}}.notification-setting{background:#111;border:1px solid #262626;border-radius:12px;padding:16px;margin-bottom:16px}.notification-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.notification-info{display:flex;align-items:center;gap:12px}.notification-info>i{font-size:24px;color:#667eea;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#667eea1a;border-radius:10px}.notification-info .bi-whatsapp{color:#25d366;background:#25d3661a}.notification-info .bi-clock-history,.notification-info .bi-bell{color:#667eea;background:#667eea1a}.notification-info .bi-alarm{color:#f59e0b;background:#f59e0b1a}.reminder-settings{display:flex;flex-direction:column;gap:12px}.notification-info>div{display:flex;flex-direction:column;gap:2px}.notification-info strong{font-size:14px;color:#fff}.notification-info span{font-size:12px;color:#888}.notification-input{margin-top:16px;padding-top:16px;border-top:1px solid #262626}.notification-input input{width:100%;padding:12px 16px;background:#0a0a0a;border:1px solid #333;border-radius:8px;color:#fff;font-size:14px}.notification-input input:focus{outline:none;border-color:#667eea}.input-hint{display:block;font-size:12px;color:#666;margin-top:8px}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#333;transition:.3s;border-radius:28px}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:#667eea}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-switch input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.stripe-info-box{background:#6366f11a;border:1px solid rgba(99,102,241,.3);border-radius:12px;padding:20px;margin-bottom:24px}.stripe-info-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.stripe-info-header i{font-size:18px;color:#6366f1}.stripe-info-header strong{font-size:15px;color:#fff}.stripe-info-box p{color:#a5b4fc;font-size:14px;margin-bottom:16px;line-height:1.5}.stripe-steps{margin:0;padding-left:20px;color:#c7d2fe;font-size:13px}.stripe-steps li{margin-bottom:8px;line-height:1.5}.stripe-steps a{color:#818cf8;text-decoration:underline}.stripe-steps a:hover{color:#a5b4fc}.stripe-status{margin-bottom:20px}.stripe-status-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500}.stripe-status-badge.configured{background:#4ade8026;color:#4ade80;border:1px solid rgba(74,222,128,.3)}.stripe-status-badge.not-configured{background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.stripe-key-hint{font-weight:400;opacity:.7;margin-left:4px}.stripe-warning{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:8px;margin-top:12px}.stripe-warning i{font-size:18px;color:#fbbf24;flex-shrink:0;margin-top:2px}.stripe-warning-content{flex:1}.stripe-warning-content strong{display:block;color:#fef3c7;font-size:13px;margin-bottom:4px}.stripe-warning-content span{color:#fcd34d;font-size:12px;line-height:1.4}.stripe-warning-content a{color:#fbbf24;text-decoration:underline}.usage-card{margin-bottom:24px}.usage-header{margin-bottom:20px}.plan-badge-container{display:flex;align-items:center;justify-content:space-between}.plan-badge{display:inline-flex;align-items:center;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600}.plan-badge.free{background:#6b728033;color:#9ca3af}.plan-badge.premium{background:linear-gradient(135deg,#667eea33,#a855f733);color:#a78bfa}.btn-upgrade{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#667eea,#a855f7);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-upgrade:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-upgrade i{font-size:14px}.usage-meters{display:flex;flex-direction:column;gap:16px}.usage-meter{display:flex;flex-direction:column;gap:8px}.usage-meter-header{display:flex;justify-content:space-between;align-items:center}.usage-meter-label{font-size:14px;color:#a0a0a0}.usage-meter-value{font-size:14px;font-weight:600;color:#ededed}.usage-bar{height:8px;background:#262626;border-radius:4px;overflow:hidden}.usage-bar-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transition:width .3s ease}.usage-bar-fill.warning{background:linear-gradient(90deg,#f59e0b,#ef4444)}.usage-bar-fill.full{background:#ef4444}.premium-section{margin-top:24px}.premium-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.premium-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#667eea33,#a855f733);border:1px solid rgba(102,126,234,.3);border-radius:8px;font-size:16px;font-weight:600;color:#a78bfa}.premium-badge i{color:#fbbf24}.premium-price{font-size:24px;font-weight:700;color:#ededed}.premium-desc{color:#a0a0a0;margin-bottom:20px}.premium-features{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.premium-feature{display:flex;align-items:center;gap:10px;color:#ededed;font-size:14px}.premium-feature i{color:#10b981;font-size:16px}.btn-premium-upgrade{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#667eea,#a855f7);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;opacity:.7}.btn-premium-upgrade:hover{opacity:1;transform:translateY(-1px);box-shadow:0 4px 16px #667eea66}.premium-note{margin-top:12px;font-size:13px;color:#6b7280;font-style:italic}.premium-active-status{display:flex;align-items:center;gap:12px;padding:16px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:8px}.premium-active-status i{font-size:24px;color:#10b981}.premium-active-status p{color:#10b981;margin:0}@media (max-width: 768px){.premium-features{grid-template-columns:1fr}}.feature-locked{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 40px;min-height:400px}.feature-locked-icon{width:80px;height:80px;background:linear-gradient(135deg,#667eea33,#a855f733);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.feature-locked-icon i{font-size:32px;color:#a78bfa}.feature-locked h2{font-size:24px;font-weight:600;color:#ededed;margin-bottom:12px}.feature-locked p{color:#a0a0a0;font-size:16px;max-width:400px;margin-bottom:24px}.feature-locked-list{list-style:none;padding:0;margin:0 0 32px;text-align:left}.feature-locked-list li{display:flex;align-items:center;gap:10px;color:#d1d5db;font-size:14px;padding:8px 0}.feature-locked-list li i{color:#10b981;font-size:16px}.btn-upgrade-feature{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:linear-gradient(135deg,#667eea,#a855f7);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.btn-upgrade-feature:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.nav-premium-badge{font-size:9px;font-weight:700;padding:2px 6px;background:linear-gradient(135deg,#667eea,#a855f7);color:#fff;border-radius:4px;margin-left:auto}.setting-locked{position:relative;opacity:.6;pointer-events:none}.setting-locked:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:transparent}.setting-locked-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:linear-gradient(135deg,#667eea33,#a855f733);border:1px solid rgba(102,126,234,.3);border-radius:4px;font-size:11px;font-weight:600;color:#a78bfa;margin-left:8px}.setting-locked-badge i{font-size:10px}.error-banner.upgrade-error{background:linear-gradient(135deg,#667eea26,#a855f726);border-color:#667eea66;color:#c4b5fd}.error-banner.upgrade-error i{color:#fbbf24}.error-banner span{flex:1}.testimonial-section{background:linear-gradient(135deg,#10b9811a,#22c55e0d);border:1px solid rgba(16,185,129,.3);border-radius:16px;padding:24px}.testimonial-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.testimonial-header i{font-size:24px;color:#10b981}.testimonial-header h3{margin:0;font-size:18px;color:#fff}.testimonial-desc{color:#9ca3af;margin-bottom:20px;font-size:14px}.testimonial-form{display:flex;flex-direction:column;gap:16px}.testimonial-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.testimonial-form .form-group label{display:block;color:#9ca3af;font-size:13px;margin-bottom:6px}.testimonial-form .form-group input,.testimonial-form .form-group textarea{width:100%;padding:10px 14px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;font-family:inherit}.testimonial-form .form-group textarea{resize:vertical;min-height:80px}.testimonial-form .form-group input:focus,.testimonial-form .form-group textarea:focus{border-color:#10b981;outline:none}.star-rating{display:flex;gap:4px}.star-btn{background:none;border:none;cursor:pointer;padding:4px;font-size:24px;color:#4b5563;transition:all .2s}.star-btn:hover,.star-btn.active{color:#fbbf24;transform:scale(1.1)}.star-btn.active i{filter:drop-shadow(0 0 4px rgba(251,191,36,.5))}.char-count{display:block;text-align:right;font-size:12px;color:#6b7280;margin-top:4px}.btn-submit-testimonial{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.btn-submit-testimonial:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #10b98166}.btn-submit-testimonial:disabled{opacity:.6;cursor:not-allowed}.testimonial-note{display:flex;align-items:center;gap:8px;font-size:12px;color:#6b7280;margin:0}.testimonial-note i{color:#10b981}.testimonial-status{padding:16px}.testimonial-pending,.testimonial-approved,.testimonial-rejected{display:flex;align-items:center;gap:12px;padding:16px;border-radius:10px}.testimonial-pending{background:#fbbf241a;border:1px solid rgba(251,191,36,.3)}.testimonial-pending i{font-size:20px;color:#fbbf24}.testimonial-pending p{color:#fde68a;margin:0;font-size:14px}.testimonial-approved{background:#10b9811a;border:1px solid rgba(16,185,129,.3)}.testimonial-approved i{font-size:20px;color:#10b981}.testimonial-approved p{color:#6ee7b7;margin:0;font-size:14px}.testimonial-rejected{background:#ef44441a;border:1px solid rgba(239,68,68,.3)}.testimonial-rejected i{font-size:20px;color:#ef4444}.testimonial-rejected p{color:#fca5a5;margin:0;font-size:14px}@media (max-width: 640px){.testimonial-form .form-row{grid-template-columns:1fr}}.analytics-page{min-height:100vh;background:#000;padding:24px}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.header-left{display:flex;align-items:center;gap:16px}.back-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#0a0a0a;border:1px solid #262626;border-radius:8px;cursor:pointer;font-size:14px;color:#a0a0a0;transition:all .2s}.back-btn:hover{background:#111;border-color:#333;color:#ededed}.analytics-header h1{font-size:28px;font-weight:700;color:#ededed;margin:0}.period-selector{display:flex;gap:8px;background:#0a0a0a;padding:4px;border-radius:8px;border:1px solid #262626}.period-selector button{padding:8px 16px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:14px;color:#6a6a6a;transition:all .2s}.period-selector button:hover{background:#1a1a1a;color:#a0a0a0}.period-selector button.active{background:#667eea;color:#fff}.analytics-page .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.analytics-page .stat-card{background:#0a0a0a;border-radius:12px;padding:24px;display:flex;align-items:center;gap:16px;border:1px solid #262626}.analytics-page .stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.analytics-page .stat-card.revenue .stat-icon{background:#4ade8026;color:#4ade80}.analytics-page .stat-card.bookings .stat-icon{background:#667eea26;color:#667eea}.analytics-page .stat-card.customers .stat-icon{background:#fbbf2426;color:#fbbf24}.analytics-page .stat-card.noshow .stat-icon{background:#ef444426;color:#ef4444}.stat-content{display:flex;flex-direction:column}.analytics-page .stat-value{font-size:28px;font-weight:700;color:#ededed}.analytics-page .stat-label{font-size:14px;color:#6a6a6a;margin-top:4px}.charts-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}.chart-card{background:#0a0a0a;border-radius:12px;padding:24px;border:1px solid #262626}.chart-card.wide{grid-column:span 2}.chart-card h3{font-size:18px;font-weight:600;color:#ededed;margin:0 0 20px}.no-data{height:200px;display:flex;align-items:center;justify-content:center;color:#6a6a6a;font-size:14px}.heatmap{display:flex;flex-direction:column;gap:4px}.heatmap-header{display:flex;gap:4px;padding-left:40px}.heatmap-header span{width:28px;text-align:center;font-size:11px;color:#6a6a6a}.heatmap-row{display:flex;gap:4px;align-items:center}.day-label{width:36px;font-size:12px;color:#6a6a6a}.heatmap-cell{width:28px;height:28px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff;cursor:default}.heatmap-cell span{font-weight:600}.customer-stats{display:flex;flex-direction:column;gap:20px}.customer-breakdown{display:flex;gap:20px}.breakdown-item{flex:1;background:#111;border-radius:8px;padding:16px;text-align:center;border:1px solid #262626}.breakdown-value{display:block;font-size:32px;font-weight:700;color:#ededed}.breakdown-label{font-size:13px;color:#6a6a6a}.top-customers-list{display:flex;flex-direction:column;gap:12px}.top-customer{display:flex;align-items:center;gap:12px;padding:12px;background:#111;border-radius:8px;border:1px solid #262626}.customer-rank{width:28px;height:28px;background:#667eea;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.customer-info{flex:1;display:flex;flex-direction:column}.customer-name{font-weight:500;color:#ededed}.customer-bookings{font-size:12px;color:#6a6a6a}.customer-spent{font-weight:600;color:#4ade80}.additional-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.mini-stat{background:#0a0a0a;border-radius:8px;padding:16px;display:flex;align-items:center;gap:12px;border:1px solid #262626}.mini-stat i{font-size:20px;color:#667eea}.mini-stat>div{display:flex;flex-direction:column}.mini-value{font-size:18px;font-weight:600;color:#ededed}.mini-label{font-size:12px;color:#6a6a6a}.analytics-page .loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;font-size:16px;color:#6a6a6a;gap:16px}.analytics-page .loading-spinner i{font-size:32px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#262626}.recharts-text{fill:#6a6a6a}.recharts-tooltip-wrapper .recharts-default-tooltip{background:#1a1a1a!important;border:1px solid #333!important;border-radius:8px}.recharts-tooltip-label{color:#ededed!important}.recharts-tooltip-item,.recharts-legend-item-text{color:#a0a0a0!important}@media (max-width: 1200px){.analytics-page .stats-grid,.additional-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.analytics-page{padding:16px}.analytics-header{flex-direction:column;gap:16px;align-items:flex-start}.analytics-page .stats-grid,.charts-row{grid-template-columns:1fr}.chart-card.wide{grid-column:span 1}.additional-stats{grid-template-columns:1fr}.heatmap{overflow-x:auto}.analytics-page .stat-value{font-size:24px}}.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{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.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-left-radius:.375em;border-bottom-right-radius:.375em}.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,.react-datepicker-popper--header-middle[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper--header-bottom[data-placement^=bottom] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker-popper--header-bottom[data-placement^=top] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.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,.react-datepicker__header--middle,.react-datepicker__header--bottom){border-top-right-radius:.3rem}.react-datepicker__header--middle{border-top:1px solid #aeaeae;border-radius:0;margin-top:4px}.react-datepicker__header--bottom{border-bottom:none;border-top:1px solid #aeaeae;border-radius:0 0 .3rem .3rem}.react-datepicker__header-wrapper{position:relative}.react-datepicker__header-wrapper .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:2px}.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{display:inline-block;margin:0 15px}.react-datepicker__month-select,.react-datepicker__year-select,.react-datepicker__month-year-select{background-color:transparent;border:1px solid #aeaeae;border-radius:.3rem;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;margin-top:5px;padding:2px 5px}.react-datepicker__month-select:focus-visible,.react-datepicker__year-select:focus-visible,.react-datepicker__month-year-select:focus-visible{outline:auto 1px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;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{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.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{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.5em;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:5em;margin:2px}.react-datepicker__month{margin:.5em;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:5em;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.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{display:inline-block;margin-left:10px}.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,.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{display:inline;border:1px solid #aeaeae;border-radius:.375em;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.375em}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.375em}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + 1.0625em);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.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{background-color:#216ba5;color:#fff;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:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:2.125em;line-height:2.125em;text-align:center;margin:.208em}.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{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.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;display:inline-block;width:2.125em;line-height:2.125em;text-align:center;margin:.208em}.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{border-radius:.3rem;background-color:#f0f0f0}.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{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.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{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.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{border-radius:.3rem;background-color:#216ba5;color:#fff}.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{border-radius:.3rem;background-color:#bad9f1;color:#000}.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;color:#fff}.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){background-color:#f0f0f0;color:#000}.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{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.625em;box-sizing:content-box}.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 transparent;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{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.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{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.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;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-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;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__children-container{width:17.25em;margin:.5em;padding-right:.25em;padding-left:.25em;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.react-datepicker-popper-offset{margin-top:-.7em}.booking-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a,#0a0a0a);padding:40px 20px;font-family:Geist,-apple-system,BlinkMacSystemFont,sans-serif}.booking-container{max-width:900px;margin:0 auto}.booking-header{text-align:center;margin-bottom:48px;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,.1)}.business-logo{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--brand-color) 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;color:#fff;margin:0 auto 20px;box-shadow:0 8px 32px #667eea4d}.business-name{font-size:32px;font-weight:700;color:#fff;margin-bottom:12px}.business-description{font-size:16px;color:#a0a0a0;max-width:600px;margin:0 auto}.progress-steps{display:flex;align-items:center;justify-content:center;margin-bottom:48px;gap:0}.progress-step{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;z-index:1}.step-number{width:48px;height:48px;border-radius:50%;background:#1a1a1a;border:2px solid #262626;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:#6a6a6a;transition:all .3s ease}.progress-step.active .step-number{background:linear-gradient(135deg,var(--brand-color) 0%,#764ba2 100%);border-color:var(--brand-color);color:#fff;box-shadow:0 4px 16px #667eea66}.progress-step span{font-size:13px;color:#6a6a6a;white-space:nowrap}.progress-step.active span{color:#ededed;font-weight:500}.step-line{width:100px;height:2px;background:#262626;margin:0 -10px 30px}.step-content{background:#0a0a0a;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:40px;box-shadow:0 8px 32px #00000080}.step-title{font-size:28px;font-weight:700;color:#fff;margin-bottom:32px;text-align:center}.btn-back{background:transparent;border:1px solid #262626;color:#a0a0a0;padding:10px 20px;border-radius:8px;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;margin-bottom:24px;transition:all .2s}.btn-back:hover{background:#1a1a1a;color:#ededed;border-color:var(--brand-color)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.service-card{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border:2px solid #262626;border-radius:12px;padding:24px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--brand-color),#764ba2);opacity:0;transition:opacity .3s}.service-card:hover{transform:translateY(-4px);border-color:var(--brand-color);box-shadow:0 12px 48px #667eea33}.service-card:hover:before{opacity:1}.service-icon{width:56px;height:56px;border-radius:12px;background:#667eea1a;display:flex;align-items:center;justify-content:center;margin-bottom:16px;font-size:24px;color:var(--brand-color)}.service-card h3{font-size:20px;font-weight:600;color:#fff;margin-bottom:8px}.service-card p{font-size:14px;color:#a0a0a0;margin-bottom:20px;line-height:1.5}.service-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #262626}.service-duration{font-size:13px;color:#a0a0a0;display:flex;align-items:center;gap:6px}.service-price{font-size:24px;font-weight:700;background:linear-gradient(135deg,var(--brand-color),#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.service-deposit{margin-top:12px;padding:6px 12px;background:#fbbf241a;border:1px solid rgba(251,191,36,.2);border-radius:6px;font-size:12px;color:#fbbf24;text-align:center}.selected-service-bar{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border:1px solid rgba(102,126,234,.3);border-radius:10px;padding:16px 20px;margin-bottom:32px;display:flex;align-items:center;gap:12px;color:#fff}.selected-service-bar i{color:var(--brand-color);font-size:20px}.selected-service-bar span{font-weight:600}.selected-service-bar .service-duration{margin-left:auto;font-size:14px;color:#a0a0a0}.datetime-picker{display:grid;grid-template-columns:1fr 1fr;gap:32px}.date-picker-wrapper{display:flex;flex-direction:column;gap:12px}.date-picker-wrapper label,.time-slots label{font-size:16px;font-weight:600;color:#ededed}.react-datepicker{background:#0a0a0a!important;border:1px solid #262626!important;border-radius:12px!important}.react-datepicker__header{background:#1a1a1a!important;border-bottom:1px solid #262626!important;border-radius:12px 12px 0 0!important;padding:16px!important}.react-datepicker__current-month,.react-datepicker__day-name{color:#ededed!important;font-weight:600!important}.react-datepicker__day{color:#a0a0a0!important;border-radius:6px!important;transition:all .2s!important}.react-datepicker__day:hover{background:#1a1a1a!important;color:#ededed!important}.react-datepicker__day--selected{background:var(--brand-color)!important;color:#fff!important;font-weight:600!important}.react-datepicker__day--disabled{color:#3a3a3a!important;cursor:not-allowed!important}.react-datepicker__navigation-icon:before{border-color:#ededed!important}.time-slots{display:flex;flex-direction:column;gap:12px}.time-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-height:400px;overflow-y:auto;padding:4px}.time-slot{padding:14px;background:#1a1a1a;border:2px solid #262626;border-radius:8px;color:#ededed;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s;text-align:center}.time-slot:hover{background:#262626;border-color:var(--brand-color);transform:scale(1.05)}.time-slot.selected{background:linear-gradient(135deg,var(--brand-color) 0%,#764ba2 100%);border-color:var(--brand-color);color:#fff;box-shadow:0 4px 16px #667eea66}.booking-summary-bar{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border:1px solid rgba(102,126,234,.3);border-radius:10px;padding:20px;margin-bottom:32px;display:flex;gap:24px;flex-wrap:wrap}.summary-item{display:flex;align-items:center;gap:10px;color:#ededed;font-size:14px}.summary-item i{color:var(--brand-color);font-size:18px}.details-form{max-width:600px;margin:0 auto}.details-form .form-group{margin-bottom:24px}.details-form label{display:block;font-size:14px;font-weight:600;color:#ededed;margin-bottom:8px}.details-form input,.details-form textarea{width:100%;padding:14px 16px;background:#000;border:2px solid #262626;border-radius:8px;color:#ededed;font-size:15px;transition:all .2s;font-family:inherit}.details-form input:focus,.details-form textarea:focus{outline:none;border-color:var(--brand-color);box-shadow:0 0 0 3px #667eea1a}.details-form input.error{border-color:#ef4444}.details-form textarea{resize:vertical;min-height:100px}.error-alert{padding:14px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:14px;margin-bottom:24px;display:flex;align-items:center;gap:10px}.error-text{display:block;margin-top:6px;font-size:13px;color:#ef4444}.btn-confirm{width:100%;padding:18px 32px;background:linear-gradient(135deg,var(--brand-color) 0%,#764ba2 100%);border:none;border-radius:10px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease;box-shadow:0 4px 16px #667eea4d;margin-top:8px}.btn-confirm:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 32px #667eea80}.btn-confirm:disabled{opacity:.6;cursor:not-allowed}.success-card{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border:2px solid rgba(74,222,128,.3);border-radius:16px;padding:60px 40px;text-align:center}.success-icon{font-size:80px;color:#4ade80;margin-bottom:24px;animation:successPop .6s ease}@keyframes successPop{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.success-card h2{font-size:32px;color:#4ade80;margin-bottom:16px;font-weight:700}.success-card p{font-size:16px;color:#a0a0a0;margin-bottom:32px}.booking-summary{background:#0a0a0a;border:1px solid #262626;border-radius:12px;padding:24px;margin-bottom:32px;display:flex;flex-direction:column;gap:16px}.btn-primary{padding:14px 32px;background:linear-gradient(135deg,var(--brand-color) 0%,#764ba2 100%);border:none;border-radius:8px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 16px #667eea66}.booking-footer{text-align:center;margin-top:48px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.powered-by-link{display:inline-flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;padding:16px 24px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid rgba(102,126,234,.2);border-radius:16px;transition:all .3s ease}.powered-by-link:hover{background:linear-gradient(135deg,#667eea33,#764ba233);border-color:#667eea66;transform:translateY(-2px);box-shadow:0 8px 24px #667eea33}.powered-by-text{font-size:11px;color:#6a6a6a;text-transform:uppercase;letter-spacing:1px}.powered-by-brand{font-size:18px;font-weight:700;background:linear-gradient(135deg,#667eea,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.powered-by-badge{font-size:10px;color:#10b981;background:#10b9811a;padding:4px 10px;border-radius:20px;font-weight:500}.powered-by strong{color:var(--brand-color);font-weight:600}.public-loading,.public-error{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#ededed}.public-error i{font-size:64px;color:#ef4444;margin-bottom:24px}.public-error h2{font-size:32px;margin-bottom:12px}.public-error p{font-size:16px;color:#a0a0a0}@media (max-width: 768px){.booking-header{margin-bottom:32px}.business-name{font-size:24px}.progress-steps{gap:0}.progress-step span{font-size:11px}.step-line{width:60px}.step-content{padding:24px 20px}.services-grid,.datetime-picker{grid-template-columns:1fr}.time-grid{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}.booking-summary-bar{flex-direction:column;gap:16px}}.payment-form{max-width:500px;margin:0 auto}.deposit-info{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;background:#667eea1a;border:1px solid rgba(102,126,234,.3);border-radius:10px;margin-bottom:24px;color:#ededed;font-size:16px}.deposit-info i{font-size:20px;color:var(--brand-color)}.deposit-info strong{color:#4ade80;font-size:18px}.card-element-wrapper{background:#0a0a0a;border:2px solid #262626;border-radius:10px;padding:18px 16px;margin-bottom:24px;transition:all .2s}.card-element-wrapper:focus-within{border-color:var(--brand-color);box-shadow:0 0 0 3px #667eea1a}.payment-note{display:flex;align-items:flex-start;gap:10px;margin-top:16px;padding:14px;background:#ffffff08;border-radius:8px;font-size:13px;color:#a0a0a0;line-height:1.5}.payment-note i{color:#6b7280;font-size:16px;flex-shrink:0;margin-top:2px}.deposit-confirmed{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#4ade801a;border:1px solid rgba(74,222,128,.3);border-radius:8px;color:#4ade80;font-size:14px;font-weight:500;margin-bottom:24px}.deposit-confirmed i{font-size:18px}.service-deposit{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:12px;padding:8px 12px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:6px;color:#f59e0b;font-size:12px;font-weight:500}.service-deposit i{font-size:14px}.contact-preference{margin-top:8px}.preference-toggle{display:flex;gap:12px;margin-top:8px}.preference-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#a0a0a0;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.preference-btn:hover{background:#ffffff14;border-color:#fff3;color:#ededed}.preference-btn.active{background:#667eea26;border-color:var(--brand-color);color:#fff}.preference-btn i{font-size:18px}.preference-btn.active .bi-whatsapp{color:#25d366}.preference-btn.active .bi-chat-dots{color:var(--brand-color)}.preference-hint{display:block;margin-top:8px;font-size:12px;color:#6b7280}.step-subtitle{text-align:center;color:#9ca3af;font-size:14px;margin:-8px 0 24px}.staff-selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.staff-selection-grid .staff-card{background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .2s ease}.staff-selection-grid .staff-card:hover{background:#ffffff0d;border-color:var(--brand-color);transform:translateY(-2px)}.staff-selection-grid .staff-card.no-preference{border-style:dashed}.staff-selection-grid .staff-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--brand-color) 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;font-weight:600;flex-shrink:0;overflow:hidden}.staff-selection-grid .staff-avatar.no-preference{background:#ffffff1a;color:#9ca3af}.staff-selection-grid .staff-avatar img{width:100%;height:100%;object-fit:cover}.staff-selection-grid .staff-info{flex:1;min-width:0}.staff-selection-grid .staff-info h3{font-size:16px;font-weight:600;color:#fff;margin:0 0 4px}.staff-selection-grid .staff-info p{font-size:13px;color:#9ca3af;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.selected-service-bar .divider{color:#4b5563;margin:0 4px}@media (max-width: 600px){.staff-selection-grid{grid-template-columns:1fr}}.recurring-option{margin:24px 0;padding:20px;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:12px}.recurring-toggle{display:flex;align-items:center;gap:16px}.toggle-switch{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#262626;border-radius:28px;transition:.3s;border:1px solid #3a3a3a}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:3px;background:#6a6a6a;border-radius:50%;transition:.3s}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,var(--brand-color) 0%,#764ba2 100%);border-color:var(--brand-color)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px);background:#fff}.toggle-label{display:flex;flex-direction:column;gap:2px}.toggle-title{font-size:15px;font-weight:600;color:#ededed;display:flex;align-items:center;gap:8px}.toggle-title i{color:var(--brand-color);font-size:18px}.toggle-hint{font-size:13px;color:#6a6a6a}.recurring-settings{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.recurring-settings .form-group{margin-bottom:16px}.recurring-settings label{display:block;font-size:13px;font-weight:600;color:#a0a0a0;margin-bottom:8px}.recurring-settings select,.recurring-settings input[type=date]{width:100%;padding:12px 14px;background:#0a0a0a;border:1px solid #262626;border-radius:8px;color:#ededed;font-size:14px;font-family:inherit;cursor:pointer;transition:border-color .2s}.recurring-settings select:focus,.recurring-settings input[type=date]:focus{outline:none;border-color:var(--brand-color)}.recurring-settings .input-hint{display:block;margin-top:6px;font-size:12px;color:#6a6a6a}.recurring-info{display:flex;gap:10px;padding:12px 14px;background:#667eea14;border:1px solid rgba(102,126,234,.2);border-radius:8px;font-size:13px;color:#a0a0a0;line-height:1.5}.recurring-info i{color:var(--brand-color);font-size:16px;flex-shrink:0;margin-top:2px}.recurring-confirmed{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#667eea1a;border:1px solid rgba(102,126,234,.3);border-radius:8px;color:var(--brand-color);font-size:14px;font-weight:500;margin-bottom:24px}.recurring-confirmed i{font-size:18px}.loading-slots{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px;color:#6a6a6a;font-size:14px}.no-slots{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;color:#6a6a6a}.no-slots i{font-size:32px;margin-bottom:12px;color:#ef4444}.no-slots p{font-size:15px;color:#a0a0a0;margin-bottom:4px}.no-slots span{font-size:13px}.manage-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e);padding:40px 20px}.manage-container{max-width:600px;margin:0 auto}.manage-header{text-align:center;margin-bottom:32px}.manage-header .business-logo{width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;color:#fff;margin:0 auto 16px}.manage-header h1{font-size:28px;color:#ededed;margin-bottom:8px}.manage-header p{font-size:16px;color:#a0a0a0}.success-banner,.error-banner{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:12px;margin-bottom:24px;font-size:14px}.success-banner{background:#4ade801a;border:1px solid rgba(74,222,128,.3);color:#4ade80}.success-banner.cancelled{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);color:#f59e0b}.error-banner{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.error-banner button{margin-left:auto;background:none;border:none;color:#ef4444;cursor:pointer;padding:4px}.booking-card{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border:1px solid #262626;border-radius:16px;padding:24px;margin-bottom:24px}.booking-status-bar{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #262626}.status-badge{padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;text-transform:capitalize}.status-badge.pending{background:#f59e0b1a;color:#f59e0b}.status-badge.confirmed{background:#10b9811a;color:#10b981}.status-badge.completed{background:#6366f11a;color:#6366f1}.status-badge.cancelled{background:#ef44441a;color:#ef4444}.status-badge.no-show{background:#6b72801a;color:#6b7280}.deposit-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#4ade801a;border-radius:20px;font-size:12px;color:#4ade80}.booking-details{display:flex;flex-direction:column;gap:20px}.detail-row{display:flex;align-items:flex-start;gap:16px}.detail-icon{width:44px;height:44px;background:#667eea1a;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.detail-icon i{font-size:20px;color:#667eea}.detail-content{flex:1}.detail-content label{display:block;font-size:12px;color:#6b7280;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.detail-content span{display:block;font-size:16px;color:#ededed;font-weight:500}.detail-content .price{display:inline-block;margin-top:4px;padding:4px 10px;background:#667eea1a;border-radius:6px;font-size:14px;color:#667eea}.detail-content .duration{color:#a0a0a0;font-size:14px;font-weight:400}.action-buttons{display:flex;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid #262626}.btn-reschedule,.btn-cancel{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn-reschedule{background:#667eea1a;color:#667eea;border:1px solid rgba(102,126,234,.3)}.btn-reschedule:hover{background:#667eea33}.btn-cancel{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.btn-cancel:hover{background:#ef444433}.cannot-modify{display:flex;align-items:center;gap:10px;margin-top:24px;padding:16px;background:#6b72801a;border-radius:10px;font-size:14px;color:#a0a0a0}.confirm-card{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border:1px solid #262626;border-radius:16px;padding:24px;margin-bottom:24px}.confirm-card.cancel{border-color:#ef44444d}.confirm-card h3{display:flex;align-items:center;gap:10px;font-size:18px;color:#ededed;margin-bottom:12px}.confirm-card.cancel h3{color:#ef4444}.confirm-card p{font-size:14px;color:#a0a0a0;margin-bottom:20px;line-height:1.5}.deposit-warning{display:flex;align-items:flex-start;gap:8px;padding:12px;background:#f59e0b1a;border-radius:8px;color:#f59e0b!important}.confirm-buttons{display:flex;gap:12px}.btn-secondary,.btn-primary,.btn-danger{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn-secondary{background:#262626;color:#ededed}.btn-secondary:hover:not(:disabled){background:#333}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #667eea66}.btn-primary:disabled,.btn-secondary:disabled,.btn-danger:disabled{opacity:.6;cursor:not-allowed}.btn-danger{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.btn-danger:hover:not(:disabled){background:#ef4444;color:#fff}.reschedule-card{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border:1px solid #262626;border-radius:16px;padding:24px;margin-bottom:24px}.reschedule-card h3{display:flex;align-items:center;gap:10px;font-size:18px;color:#667eea;margin-bottom:24px}.datetime-picker{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.date-picker-wrapper label,.time-slots label{display:block;font-size:14px;font-weight:600;color:#ededed;margin-bottom:12px}.custom-calendar{background:#0a0a0a!important;border:1px solid #262626!important;border-radius:12px!important;font-family:inherit!important}.custom-calendar .react-datepicker__header{background:#111!important;border-bottom:1px solid #262626!important}.custom-calendar .react-datepicker__current-month{color:#ededed!important}.custom-calendar .react-datepicker__day-name{color:#6b7280!important}.custom-calendar .react-datepicker__day{color:#ededed!important}.custom-calendar .react-datepicker__day:hover{background:#262626!important}.custom-calendar .react-datepicker__day--selected{background:#667eea!important}.custom-calendar .react-datepicker__day--disabled{color:#404040!important}.time-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-height:280px;overflow-y:auto}.time-slot{padding:12px;background:#0a0a0a;border:1px solid #262626;border-radius:8px;color:#ededed;font-size:14px;cursor:pointer;transition:all .2s}.time-slot:hover{border-color:#667eea;background:#667eea1a}.time-slot.selected{background:#667eea;border-color:#667eea;color:#fff}.loading-slots,.no-slots{text-align:center;padding:40px 20px;color:#a0a0a0}.loading-slots{display:flex;align-items:center;justify-content:center;gap:12px}.no-slots i{font-size:32px;display:block;margin-bottom:12px;color:#6b7280}.no-slots p{margin-bottom:4px;color:#ededed}.reschedule-buttons{display:flex;gap:12px}.manage-footer{text-align:center;margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.powered-by{font-size:13px;color:#6a6a6a}.powered-by strong{color:#667eea}.manage-loading,.manage-error{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#ededed;background:linear-gradient(135deg,#0a0a0a,#1a1a2e)}.manage-error i{font-size:64px;color:#ef4444;margin-bottom:24px}.manage-error h2{font-size:28px;margin-bottom:12px}.manage-error p{font-size:16px;color:#a0a0a0}.spinner{width:40px;height:40px;border:3px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@media (max-width: 768px){.manage-page{padding:20px 16px}.action-buttons,.confirm-buttons,.reschedule-buttons{flex-direction:column}.datetime-picker{grid-template-columns:1fr}.time-grid{grid-template-columns:repeat(3,1fr)}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #667eea;--primary-dark: #764ba2;--success: #4ade80;--warning: #fbbf24;--error: #ef4444;--bg-primary: #000;--bg-secondary: #0a0a0a;--bg-tertiary: #1a1a1a;--border: #262626;--text-primary: #ededed;--text-secondary: #a0a0a0;--text-tertiary: #6a6a6a}body{font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-primary,.btn-secondary{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;border:none;display:inline-flex;align-items:center;gap:8px;transition:all .2s;text-decoration:none;width:auto;flex-grow:0}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:transparent;border:1px solid var(--border);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary)}.btn-full{width:100%;justify-content:center}.btn-sm{padding:6px 12px;font-size:13px}.btn-icon{padding:6px;background:transparent;border:1px solid var(--border);color:var(--text-secondary);border-radius:6px;cursor:pointer;transition:all .2s}.btn-icon:hover{background:var(--bg-tertiary);color:var(--text-primary)}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:500;margin-bottom:8px;color:var(--text-primary)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px 14px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:14px;transition:all .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #667eea1a}.form-group input.error,.form-group textarea.error{border-color:var(--error)}.form-group input:disabled,.form-group textarea:disabled{opacity:.5;cursor:not-allowed}.form-group small{display:block;margin-top:6px;font-size:12px;color:var(--text-tertiary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.error-text{display:block;margin-top:6px;font-size:12px;color:var(--error)}.error-banner{padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:6px;color:var(--error);font-size:14px;margin-bottom:20px;display:flex;align-items:center;gap:10px}.success-banner{padding:12px 16px;background:#4ade801a;border:1px solid rgba(74,222,128,.2);border-radius:6px;color:var(--success);font-size:14px;margin-bottom:20px;display:flex;align-items:center;gap:10px}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{padding:24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-header h2{font-size:20px;font-weight:600}.modal-close{width:32px;height:32px;border-radius:6px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal form{padding:24px}.modal-actions{display:flex;gap:12px;margin-top:24px}.modal-actions button{flex:1}.text-center{text-align:center}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.modal-content{max-width:100%}}