.employee-detail-container-redesigned{padding:24px;background-color:#fff;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.employee-detail-header-redesigned{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;background-color:#fff;border:none;border-radius:12px;padding:24px;position:relative;box-shadow:0 4px 6px #00000014}.employee-card-content{display:flex;align-items:flex-start;gap:20px}.employee-details-column{display:flex;flex-direction:column;gap:8px}.employee-header-row{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}.employee-info-redesigned{display:flex;align-items:flex-start;gap:16px}.back-button-redesigned{color:#4b5563;font-weight:500}.back-button-subtle{background:none;border:none;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;gap:4px;padding:0;margin-bottom:16px;transition:background-color .2s ease,color .2s ease}.back-button-subtle:hover{color:#1f2937}.edit-profile-btn{background:none;border:none;color:#6b7280;cursor:pointer;font-size:16px;padding:8px;border-radius:50%;line-height:1;transition:all .2s ease}.edit-profile-btn:hover{background-color:#f3f4f6;color:#1f2937}.employee-name-and-title-redesigned{display:flex;flex-direction:column;gap:8px}.employee-contact-info-redesigned{display:flex;gap:24px}.employee-contact-item-redesigned{display:flex;align-items:center;gap:8px;color:#374151;font-size:14px}.employee-contact-item-redesigned .anticon{color:#9ca3af}.employee-name-redesigned{margin:0!important;font-size:24px;font-weight:600;color:#111827}.staff-badge-redesigned{background-color:#eef2ff;color:#4338ca;border:1px solid #d1d5db;font-size:12px;font-weight:500;border-radius:6px;padding:2px 8px}.employee-tags-redesigned{display:flex;gap:8px;flex-wrap:wrap}.employee-tag-redesigned{background-color:#10b981;color:#fff;border-radius:6px;border:1px solid #10b981;font-size:12px;padding:2px 8px;font-weight:500}.service-tag-redesigned{background-color:#f39c12;color:#fff;border-radius:6px;border:1px solid #f39c12;font-size:12px;padding:2px 8px;font-weight:500}.header-actions-redesigned{display:flex;align-items:center;gap:12px}.header-actions-redesigned .ant-btn{border-radius:8px;font-weight:500}.detail-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid;height:40px;min-width:auto}.detail-btn-primary{background-color:#ff9f1c;border-color:#ff9f1c;color:#fff}.detail-btn-primary:hover{background-color:#e8850e;border-color:#e8850e;color:#fff}.detail-btn-secondary{background-color:#fff;border-color:#d1d5db;color:#374151}.detail-btn-secondary:hover{background-color:#f9fafb;border-color:#9ca3af;color:#374151}.employee-main-content-redesigned{background-color:#fff;border-radius:12px;padding:0;position:relative}.employee-tabs-redesigned .ant-tabs-nav{margin-bottom:24px}.employee-tabs-redesigned .ant-tabs-tab{padding:12px 16px;font-size:14px;font-weight:500}.employee-tabs-redesigned .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn,.employee-tabs-redesigned .ant-tabs-tab:hover{color:#fe9f1d}.employee-tabs-redesigned .ant-tabs-ink-bar{background-color:#fe9f1d;height:3px}.appointments-table-container .ant-input-affix-wrapper{border-radius:20px}.availability-summary-redesigned{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.summary-card-redesigned{border-radius:12px;border:1px solid #e5e7eb;box-shadow:none}.summary-card-redesigned .ant-statistic-title{color:#6b7280;font-size:14px;font-weight:500}.summary-card-redesigned .ant-statistic-content{color:#111827;font-size:24px;font-weight:600}.summary-card-redesigned .ant-statistic-content-prefix{margin-right:8px;color:#3b82f6}.summary-card-redesigned .ant-statistic-content-suffix{font-size:14px;color:#4b5563;margin-left:8px}.employee-detail-container,.employee-detail-header,.back-button,.header-actions,.employee-detail-content,.employee-profile-sidebar,.profile-card,.profile-header,.profile-avatar,.profile-info,.employee-name,.employee-position,.employee-department,.profile-details,.detail-item,.profile-actions,.demographics-card,.demographic-item,.progress-bar,.progress-fill,.schedule-card,.schedule-item,.schedule-day,.schedule-percentage,.schedule-progress,.schedule-fill,.employee-main-content,.stats-row,.stat-card,.stat-card:before,.stat-card-blue:before,.stat-card-pink:before,.stat-card-green:before,.stat-content,.stat-icon,.stat-card-blue .stat-icon,.stat-card-pink .stat-icon,.stat-card-green .stat-icon,.stat-info,.stat-number,.stat-label,.content-card,.employee-tabs .ant-tabs-tab,.employee-tabs .ant-tabs-tab-active,.employee-tabs .ant-tabs-ink-bar,.periods-table,.periods-table .ant-table-thead>tr>th,.periods-table .ant-table-tbody>tr>td,.periods-table .ant-table-tbody>tr:hover>td,.tab-content,.loading,.delete-modal-redesigned .ant-modal-content{border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.delete-modal-redesigned .ant-modal-header{border-bottom:none;padding:24px 24px 0}.delete-modal-redesigned .ant-modal-title{font-weight:600;font-size:18px;color:#1f2937}.delete-modal-content{padding:16px 24px;font-size:14px;color:#4b5563}.delete-confirmation-text{margin:0}.delete-radio-group{display:flex;flex-direction:column;gap:12px}.delete-radio-option{font-size:14px;color:#374151}.delete-radio-option strong{font-weight:600;color:#1f2937}.delete-modal-redesigned .ant-modal-footer{border-top:none;padding:0 24px 24px}.delete-modal-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.modal-cancel-btn,.modal-delete-btn{height:38px;border-radius:8px;font-weight:500;padding:0 16px}.modal-cancel-btn{background-color:#fff;border:1px solid #d1d5db;color:#374151}.modal-cancel-btn:hover{background-color:#f9fafb!important;border-color:#d1d5db!important;color:#374151!important}.modal-delete-btn{background-color:#ef4444;border-color:#ef4444}.modal-delete-btn:hover{background-color:#dc2626!important;border-color:#dc2626!important}.appointments-dashboard{padding:8px}.appointments-dashboard-header{display:flex;justify-content:space-between;align-items:center}.appointments-dashboard-header .ant-input-affix-wrapper{border-radius:20px;height:40px;flex:1;margin-right:16px}.appointments-dashboard-header .ant-input-affix-wrapper .ant-input{height:100%}.add-event-btn{background-color:#ff9f1c!important;border-color:#ff9f1c!important;border-radius:20px;font-weight:500;height:40px}.add-event-btn:hover{background-color:#e8850e!important;border-color:#e8850e!important}.appointment-group-card{background-color:transparent;border:none;box-shadow:none!important;margin-bottom:24px}.appointment-group-card .ant-card-head{background-color:#fff;border-bottom:none;color:#1f2937;padding:16px 0}.appointment-group-card .ant-card-head-title{font-size:16px;font-weight:600;color:#1f2937;padding:16px 0}.appointment-group-card .ant-card-body{padding:0;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.dashboard-table .ant-table{background:transparent}.dashboard-table .ant-table-thead>tr>th{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;font-weight:500;color:#6b7280;padding:12px 24px;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.dashboard-table .ant-table-thead>tr>th:before{content:none!important}.dashboard-table .ant-table-tbody>tr>td{padding:20px 24px;border-bottom:1px solid #f3f4f6;color:#374151}.dashboard-table .ant-table-tbody>tr:last-child>td{border-bottom:none}.view-all-link{text-align:right;padding:12px 24px;background-color:#fff;border-top:1px solid #e5e7eb}.view-all-link .ant-btn-primary{background-color:#2dc4b6;border-color:#2dc4b6;border-radius:20px}.view-all-link .ant-btn-primary:hover{background-color:#25a398!important;border-color:#25a398!important}.employee-action-btn{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1px solid #e5e7eb;background-color:#fff;cursor:pointer;transition:all .2s ease}.employee-action-btn:hover{background-color:#f9fafb;transform:translateY(-1px)}.employee-action-btn.edit-btn{color:#f97316}.employee-action-btn.edit-btn:hover{background-color:#fff7ed;border-color:#f97316}.employee-action-btn.delete-btn{color:#ef4444}.employee-action-btn.delete-btn:hover{background-color:#fef2f2;border-color:#ef4444}.appointment-detail-modal-v2 .ant-modal-content{padding:0;border-radius:12px;overflow:hidden;max-height:90vh;transform:translateZ(0);will-change:transform,opacity}.appointment-detail-modal-v2 .ant-modal{max-width:calc(100vw - 32px)}.appointment-detail-modal-v2 .ant-modal-wrap{border-radius:12px}.appointment-detail-modal-v2 .ant-modal-body{padding:0;max-height:90vh;overflow-y:auto;border-radius:12px}.appointment-detail-modal-v2 .ant-modal-body::-webkit-scrollbar{width:12px}.appointment-detail-modal-v2 .ant-modal-body::-webkit-scrollbar-track{background:transparent;border-radius:6px}.appointment-detail-modal-v2 .ant-modal-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:6px;transition:background-color .2s ease}.appointment-detail-modal-v2 .ant-modal-body::-webkit-scrollbar-thumb:hover{background:#9ca3af}.appointment-detail-modal-v2 .ant-modal-body::-webkit-scrollbar-thumb:active{background:#6b7280}.appointment-detail-content-v2{padding:20px 16px 20px 20px;display:flex;flex-direction:column;gap:8px;font-family:Montserrat,sans-serif}.main-content-grid-v2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.left-column-v2,.right-column-v2{display:flex;flex-direction:column;gap:8px;align-items:stretch}.detail-header-v2{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.header-title-row-v2{display:flex;align-items:center;gap:16px;flex:1}.header-ids-inline-v2{display:flex;gap:16px;align-items:center}.header-id-v2{font-size:11px;color:#6b7280;font-weight:500}.detail-title-v2{font-size:15px;font-weight:600;color:#1f2937;margin:0}.close-btn-v2{border:none;background:none;color:#6b7280;font-size:16px;padding:4px;border-radius:4px;cursor:pointer;transition:background-color .2s}.close-btn-v2:hover{background-color:#f3f4f6;color:#374151}.info-section-v2{background-color:#f9fafb;border-radius:8px;padding:16px}.info-row-v2{display:flex;justify-content:space-between;align-items:center}.info-item-v2{display:flex;align-items:center;gap:8px}.info-label-v2{font-weight:600;color:#1f2937;font-size:13px}.info-value-v2{color:#1f2937;font-size:13px}.section-v2{display:flex;flex-direction:column;gap:4px}.section-title-v2{font-size:13px;font-weight:600;color:#1f2937;margin:0}.section-header-with-id-v2{display:flex;align-items:center;gap:16px;margin-bottom:8px}.section-id-v2{font-size:12px;color:#6b7280;font-weight:500}.right-column-v2 .section-title-v2{margin-bottom:8px}.section-content-v2{background-color:#f9fafb;border-radius:6px;padding:16px;flex:1;display:flex;flex-direction:column;justify-content:space-between}.grid-v2{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.compact-grid-v2{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 12px}.field-v2{display:flex;flex-direction:column;gap:2px}.field-label-v2{font-size:10px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.field-value-v2{font-size:12px;font-weight:400;color:#1f2937}.employee-info-v2{display:flex;align-items:center;gap:12px}.employees-list-v2{display:flex;flex-direction:column;gap:6px}.employee-avatar-v2{width:32px;height:32px;border-radius:50%;background-color:#e5e7eb;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#374151}.employee-name-v2{font-size:12px;font-weight:400;color:#1f2937}.employees-detailed-v2{display:flex;flex-direction:column;gap:8px;max-height:120px;overflow-y:auto}.employee-item-detailed-v2{display:flex;align-items:center;gap:10px;padding:6px 0}.employee-name-detailed-v2{font-size:13px;font-weight:400;color:#1f2937}.left-column-v2 .section-v2:nth-child(2) .section-title-v2{margin-bottom:8px}.payment-status-v2{font-weight:600!important}.notes-content-v2{font-size:12px;font-weight:400;color:#1f2937;line-height:1.4;white-space:pre-wrap;word-wrap:break-word}.employee-notes-container-v2{display:flex;gap:8px;width:100%}.service-details-bar-v2{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:6px;padding:8px 10px;margin-bottom:2px;border:1px solid #e2e8f0}.service-info-clean-v2,.appointment-meta-v2{display:flex;align-items:center;gap:12px}.service-datetime-v2{display:flex;flex-direction:column;gap:2px}.service-datetime-inline-v2{display:flex;align-items:center;gap:8px}.service-date-v2{font-size:11px;font-weight:500;color:#6b7280}.service-badge-v2{background-color:#2563eb;color:#fff;padding:3px 10px;border-radius:16px;font-size:11px;font-weight:600}.service-details-v2{display:flex;align-items:center}.service-bundle-v2{display:flex;flex-direction:column;gap:2px}.main-service-v2{background-color:#457ffd;color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.service-additions-v2{display:flex;gap:4px;flex-wrap:wrap}.service-addition-v2{background-color:#f1f5f9;color:#475569;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500;border:1px solid #e2e8f0}.service-time-v2{font-size:12px;font-weight:600;color:#1f2937}.service-type-v2{font-size:11px;font-weight:500;color:#6b7280;background-color:#f3f4f6;padding:2px 6px;border-radius:10px}.employees-quick-v2{display:flex;gap:8px;flex-wrap:wrap;align-items:center;max-width:300px}.employee-quick-v2,.employee-more-v2{display:flex;align-items:center;gap:6px;flex-shrink:0}.more-avatar-v2{background-color:#f3f4f6!important;color:#6b7280!important;border:2px dashed #d1d5db!important;font-size:11px!important;font-weight:600!important}.employee-avatar-small-v2{width:28px;height:28px;border-radius:50%;background-color:#e5e7eb;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#374151}.employee-name-small-v2{font-size:12px;font-weight:500;color:#6b7280}.customer-primary-v2{margin-bottom:12px}.customer-name-v2{font-size:13px;font-weight:600;color:#1f2937;margin-bottom:4px}.customer-contact-v2{display:flex;flex-direction:column;gap:2px}.customer-contact-v2 span{font-size:12px;font-weight:400;color:#6b7280}.customer-secondary-v2{display:flex;flex-direction:column;gap:6px;margin-top:auto}.customer-contact-grid-v2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:12px}.customer-address-grid-v2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.customer-contact-grid-v2 .field-inline-v2,.customer-address-grid-v2 .field-inline-v2{display:flex;flex-direction:column;gap:4px;align-items:flex-start;justify-content:flex-start}.customer-contact-grid-v2 .field-label-v2,.customer-address-grid-v2 .field-label-v2{font-size:10px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;text-align:left}.customer-contact-grid-v2 .field-value-v2,.customer-address-grid-v2 .field-value-v2{font-size:12px;font-weight:400;color:#1f2937;text-align:left;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;white-space:normal;line-height:1.4}.left-column-v2>.section-v2:first-child,.right-column-v2>.section-v2:first-child{height:170px}.left-column-v2>.section-v2:first-child .section-content-v2,.right-column-v2>.section-v2:first-child .section-content-v2{padding:16px;height:100%;box-sizing:border-box;overflow-y:auto}.field-inline-v2{display:flex;justify-content:space-between;align-items:center}.payment-grid-v2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.payment-grid-v2 .field-inline-v2{display:flex;flex-direction:column;gap:4px;align-items:flex-start;justify-content:flex-start}.payment-grid-v2 .field-label-v2{font-size:10px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;text-align:left}.payment-grid-v2 .field-value-v2{font-size:12px;font-weight:400;color:#1f2937;text-align:left}.payment-status-badge-clean-v2{padding:3px 8px;border-radius:12px;font-size:11px;font-weight:500;align-self:flex-start}.recurring-info-v2{display:flex;flex-direction:column;gap:8px}.actions-v2{display:flex;justify-content:flex-end;gap:8px;padding-top:8px;border-top:1px solid #e5e7eb}.action-btn-v2{border-radius:20px;font-weight:500;height:32px;padding:0 12px;display:flex;align-items:center;gap:6px;font-size:12px;border:1px solid transparent;transition:all .2s ease}.primary-btn-v2{background-color:#f39c12!important;border-color:#f39c12!important;color:#fff!important;font-weight:600}.primary-btn-v2:hover{background-color:#e67e22!important;border-color:#e67e22!important;color:#fff!important;transform:translateY(-1px);box-shadow:0 2px 4px #f39c124d}.secondary-btn-v2{background-color:transparent;border-color:transparent;color:#6b7280;font-weight:500}.secondary-btn-v2:hover{background-color:#f3f4f6;border-color:#e5e7eb;color:#374151}.danger-btn-v2{background-color:transparent;border-color:transparent;color:#dc2626;font-weight:500}.danger-btn-v2:hover{background-color:#fef2f2;border-color:#fecaca;color:#b91c1c}.timeblock-content-v2{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px;text-align:center}.timeblock-icon-v2{font-size:48px;color:#6b7280}.timeblock-title-v2{font-size:18px;font-weight:600;color:#1f2937;margin:0}.timeblock-time-v2{font-size:14px;color:#6b7280;margin:0}.timeblock-description-v2{font-size:13px;color:#6b7280;margin:0;max-width:400px;line-height:1.5}@media (max-width: 768px){.main-content-grid-v2{grid-template-columns:1fr;gap:16px}}@media (max-width: 768px){.appointment-detail-modal-v2 .ant-modal{width:95vw!important;max-width:95vw!important;margin:16px}.appointment-detail-content-v2{padding:16px;gap:12px}.detail-title-v2{font-size:18px}.main-content-grid-v2{grid-template-columns:1fr;gap:12px}.compact-grid-v2{grid-template-columns:1fr;gap:8px}.customer-contact-grid-v2,.customer-address-grid-v2{grid-template-columns:1fr;gap:12px}.payment-grid-v2{grid-template-columns:1fr;gap:10px}.actions-v2{flex-direction:column;align-items:stretch}.action-btn-v2{justify-content:center}.service-details-bar-v2{flex-direction:column;align-items:flex-start;gap:12px}.appointment-meta-v2{align-self:flex-end}}@media (max-width: 480px){.appointment-detail-modal-v2 .ant-modal{width:100vw!important;max-width:100vw!important;margin:0;height:100vh}.appointment-detail-modal-v2 .ant-modal-content{height:100vh;border-radius:0}.appointment-detail-content-v2{padding:12px;gap:12px;height:calc(100vh - 24px);overflow-y:auto}.detail-title-v2{font-size:18px}.section-title-v2{font-size:16px}}