*{box-sizing:border-box;margin:0;padding:0}body{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";line-height:1.5;color:#333;background-color:#f5f5f5}#root{min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.text-center{text-align:center}.text-right{text-align:right}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.appointment-widget{max-width:1400px;margin:0 auto;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}@media (max-width: 768px){.appointment-widget{padding:12px;margin:0;border-radius:0;box-shadow:none}.widget-header{margin-bottom:16px;padding-bottom:12px}.widget-header h3{font-size:18px}}.appointment-widget.dark{background:#141414;color:#fff}.widget-header{text-align:center;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.widget-header h3{margin-bottom:8px;color:#6f5586}.appointment-widget .ant-form-item{margin-bottom:16px}.appointment-widget .ant-form-item-label{padding-bottom:4px}.appointment-widget .ant-input,.appointment-widget .ant-input-affix-wrapper,.appointment-widget .ant-select-selector{padding:8px 12px;height:auto;min-height:26px}.appointment-widget .ant-input-lg,.appointment-widget .ant-input-affix-wrapper-lg{min-height:27px}.appointment-widget .ant-input[type=email],.appointment-widget .ant-input[type=tel]{padding:8px 12px}.appointment-widget .ant-input{line-height:1.4}.appointment-widget-next-buttons{margin-top:24px;text-align:center;padding:0 16px}@media (max-width: 768px){.appointment-widget .ant-form-item{margin-bottom:12px}.appointment-widget .ant-input,.appointment-widget .ant-input-affix-wrapper,.appointment-widget .ant-select-selector{padding:6px 10px;font-size:14px}.appointment-widget .ant-input-lg,.appointment-widget .ant-input-affix-wrapper-lg{min-height:27px}}.calendar-date-cell{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .3s ease;cursor:pointer}.calendar-date-cell:hover{background:#e6f7ff;transform:scale(1.05)}.calendar-date-cell.selected{background:#6f5586;color:#fff}.calendar-date-cell.selected .available-slots-count{color:#fff}.available-slots-count{font-size:11px;font-weight:500;color:#52c41a}.time-slots-container{max-height:400px;overflow-y:auto;padding:8px}.time-slots-card{margin-bottom:16px;box-shadow:0 1px 3px #0000001a}.time-slots-card .ant-card-head-title{font-size:14px;font-weight:600}.time-slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;max-height:200px;overflow-y:auto;padding:4px}@media (max-width: 768px){.time-slots-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px;max-height:250px}.time-slots-container{max-height:300px;padding:4px}.time-slots-card{margin-bottom:12px}}.time-slot-button{height:36px;font-size:12px;border-radius:6px;transition:all .3s ease;border:1px solid #d9d9d9}.time-slot-button:hover{border-color:#6f5586;color:#6f5586;transform:translateY(-1px);box-shadow:0 2px 4px #1890ff33}.time-slot-button.selected{background:#6f5586;border-color:#6f5586;color:#fff;box-shadow:0 2px 8px #1890ff4d}.time-slot-button.selected:hover{background:#40a9ff;border-color:#40a9ff}@media (max-width: 768px){.time-slot-button{height:40px;font-size:10px;padding:4px 6px;min-width:100px}.time-slot-button span{font-size:9px!important;line-height:1.1}.ant-steps{margin-bottom:16px!important}.ant-steps-item-title{font-size:10px!important;line-height:12px!important}.ant-steps.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon>.ant-steps-icon{font-size:17px;line-height:24px}.ant-steps-item-description{font-size:10px!important}}.ant-steps-item-process .ant-steps-item-icon{background-color:transparent!important;border-color:#6f5586!important;color:#6f5586!important}.ant-steps-item-process .ant-steps-item-title{color:#6f5586!important;font-weight:600!important}.ant-steps-item-process .ant-steps-item-description{color:#6f5586!important}.ant-steps-item-finish .ant-steps-item-icon{background-color:transparent!important;border-color:#52c41a!important;color:#52c41a!important}.ant-steps-item-finish .ant-steps-item-title{color:#8c8c8c!important}.ant-steps-item-wait .ant-steps-item-icon{background-color:transparent!important;border-color:#d9d9d9!important;color:#8c8c8c!important}.ant-steps-item-wait .ant-steps-item-title,.ant-steps-item-wait .ant-steps-item-description{color:#8c8c8c!important}@media (max-width: 768px){.ant-card{margin-bottom:12px}.ant-card-head-title{font-size:14px}}.selected-appointments-card{margin-bottom:16px;box-shadow:0 1px 3px #0000001a}.selected-appointments-card .ant-list-item{padding:8px 0;border-bottom:1px solid #f0f0f0}.selected-appointments-card .ant-list-item:last-child{border-bottom:none}.selected-appointments-card .ant-list-item-meta-title{font-size:14px;font-weight:500;margin-bottom:2px}.selected-appointments-card .ant-list-item-action{margin-left:8px}.booking-summary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.booking-summary .ant-card-body{padding:16px}.booking-actions{text-align:center}.booking-actions .ant-btn-primary{background:#fff;border-color:#fff;font-weight:600;height:44px;font-size:14px}.booking-actions .ant-btn-primary:hover{background:#f0f2ff;border-color:#f0f2ff}.appointment-widget .ant-form-item-label>label{font-weight:500;color:#595959}.appointment-widget .ant-input,.appointment-widget .ant-select-selector,.appointment-widget .ant-input-textarea{border-radius:6px;border:1px solid #d9d9d9}.appointment-widget .ant-input:focus,.appointment-widget .ant-select-focused .ant-select-selector,.appointment-widget .ant-input-textarea:focus{border-color:#6f5586;box-shadow:0 0 0 2px #1890ff1a}.appointment-widget .ant-picker-calendar{border-radius:8px;box-shadow:none}.appointment-widget .ant-picker-calendar-header{border-bottom:1px solid #f0f0f0;padding:8px 16px}.appointment-widget .ant-picker-content{padding:8px}.appointment-widget .ant-picker-cell{border-radius:4px}.ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title:after{background-color:#dad7dd!important}.appointment-widget .ant-picker-cell-selected .ant-picker-cell-inner{background:#6f5586;color:#fff}.appointment-widget .ant-picker-cell:hover .ant-picker-cell-inner{background:#e6f7ff}.appointment-widget .ant-picker-cell-disabled .ant-picker-cell-inner{background:#f5f5f5;color:#bfbfbf;cursor:not-allowed}.appointment-widget .ant-badge-status-success{color:#52c41a}.appointment-widget .ant-badge-status-text{color:#52c41a;font-size:11px;font-weight:500}.badge-text-slots{font-size:11px;font-weight:700;cursor:pointer;color:#52c41a}.appointment-widget .ant-card-head{border-bottom:1px solid #f0f0f0;padding:0 16px;min-height:44px}.appointment-widget .ant-card-head-title{padding:12px 0;font-size:14px;font-weight:600}.appointment-widget .ant-card-body{padding:16px}.appointment-widget .ant-card-small>.ant-card-head{min-height:38px;font-size:14px}.appointment-widget .ant-card-small>.ant-card-head>.ant-card-head-wrapper>.ant-card-head-title{padding:8px 0}.appointment-widget .ant-card-small>.ant-card-body{padding:12px}@media (max-width: 768px){.appointment-widget{padding:16px}.time-slots-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:6px}.time-slot-button{height:32px;font-size:11px}.widget-header h3{font-size:20px}.booking-actions .ant-btn-primary{height:40px;font-size:13px}}@media (max-width: 480px){.appointment-widget{padding:12px}.time-slots-grid{grid-template-columns:repeat(2,1fr)}.selected-appointments-card .ant-list-item-meta-title{font-size:13px}.appointment-widget .ant-picker-calendar-header{display:flex;align-items:center;gap:5px;padding:8px 2px}.appointment-widget .ant-select .ant-select-arrow{top:56%;font-size:9px}.widget-page{padding:0!important}.ant-picker-calendar .ant-picker-calendar-header .ant-picker-calendar-month-select{min-width:50px;width:25%}.ant-picker-calendar .ant-picker-calendar-header .ant-picker-calendar-year-select{width:25%;min-width:62px}.ant-picker-calendar .ant-picker-calendar-header .ant-picker-calendar-mode-switch{margin-top:0;width:49%}.ant-picker-calendar .ant-picker-calendar-header .ant-picker-calendar-mode-switch>label{font-size:11px}.ant-badge.ant-badge-status .ant-badge-status-dot{top:0;width:3px;height:3px}.badge-text-slots{font-size:9px}.calendar-date-cell .ant-badge{margin-top:8px;line-height:11px!important}.appointment-widget .ant-card-head{display:none!important}.appointment-widget .ant-select-selection-item{padding-inline-end:11px!important}.appointment-widget .ant-card{margin-bottom:0}.appointment-widget-next-buttons{margin-top:10px;padding:0 4px}.ant-modal .ant-modal-content{padding:20px 9px}.ant-list-sm .ant-list-item{padding:8px 0}}.widget-page{min-height:100vh;background:var(--background-color, #f5f5f5);padding:16px}.widget-page.iframe-mode{min-height:auto;padding:8px;background:var(--background-color, #ffffff)}.widget-page.compact-mode{padding:8px}.widget-page.iframe-mode.compact-mode{padding:4px}.widget-page-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding:40px}.widget-page-error{padding:40px;max-width:600px;margin:0 auto}.widget-page-header{text-align:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e8e8e8}.widget-page.iframe-mode .widget-page-header{margin-bottom:16px;padding-bottom:8px}body.iframe-mode{margin:0!important;padding:0!important;overflow-x:hidden;background:var(--background-color, #ffffff)}body.iframe-mode .widget-page{min-height:auto}:root{--primary-color: #6f5586;--background-color: #ffffff}.widget-page{--ant-primary-color: var(--primary-color)}@media (max-width: 768px){.widget-page.iframe-mode{padding:4px}.widget-page.iframe-mode .appointment-widget{font-size:12px}.widget-page.iframe-mode .ant-card{margin-bottom:8px}.widget-page.iframe-mode .ant-card-head{padding:8px 12px;min-height:auto}.widget-page.iframe-mode .ant-card-body{padding:12px}}.widget-page.compact-mode .appointment-widget .ant-card{margin-bottom:8px}.widget-page.compact-mode .appointment-widget .ant-card-head{padding:8px 16px;min-height:auto}.widget-page.compact-mode .appointment-widget .ant-card-body{padding:12px 16px}.widget-page.compact-mode .appointment-widget .ant-form-item{margin-bottom:12px}.widget-page.compact-mode .appointment-widget .ant-calendar{font-size:12px}.widget-page.iframe-mode .ant-card{box-shadow:none;border:1px solid #e8e8e8}.widget-page.iframe-mode{overflow-y:auto;max-height:100vh}.widget-page.iframe-mode .widget-page-loading,.widget-page.iframe-mode .widget-page-error{padding:20px;min-height:150px}.widget-page .ant-btn-primary{background-color:var(--primary-color);border-color:var(--primary-color)}.widget-page .ant-btn-primary:hover,.widget-page .ant-btn-primary:focus{background-color:var(--primary-color);border-color:var(--primary-color);opacity:.8}.widget-page .ant-calendar-selected-day .ant-calendar-date{background-color:var(--primary-color);color:#fff}.widget-page .ant-badge-status-success{background-color:var(--primary-color)}.widget-page.iframe-mode::-webkit-scrollbar{width:4px}.widget-page.iframe-mode::-webkit-scrollbar-track{background:#f1f1f1}.widget-page.iframe-mode::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.widget-page.iframe-mode::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.app-header{background:#001529;padding:0 20px;display:flex;align-items:center}.app-logo{color:#fff;font-size:18px;font-weight:700;margin-right:20px}.app-content{margin:24px;padding:24px;background:#fff;border-radius:8px;min-height:calc(100vh - 134px)}.page-header{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.page-title{margin:0;color:#262626;font-size:24px;font-weight:600}.ant-layout-sider-trigger{background:#002140!important}.form-container{max-width:600px;margin:0 auto}.table-actions{display:flex;gap:8px}.availability-calendar .ant-picker-calendar-date-value{font-size:16px;font-weight:500}.availability-calendar .ant-badge-status{width:100%}.availability-slot-card{transition:all .3s ease;cursor:pointer}.availability-slot-card:hover{box-shadow:0 4px 12px #00000026;border-color:#6f5586}.time-slot-manager .ant-card-head{min-height:auto}.slot-overlap-error{background-color:#fff2f0!important;border-color:#ff4d4f!important}