.job-creation-container{display:flex;flex-direction:column;gap:24px;background-color:#fff;padding:24px;min-height:100vh;font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.job-creation-title{font-size:32px;font-weight:700;color:#1e293b;margin:0;line-height:1.2}.job-section-card{display:flex;flex-direction:column;gap:16px;background:#fff;border:1px solid #e2e8f0;border-radius:12px!important;padding:24px;box-shadow:0 1px 3px #0000001a}.job-section-header{display:flex;justify-content:space-between;align-items:center}.job-section-title{font-size:16px;font-weight:600;color:#1e293b;margin:0}.job-form-group{display:flex;flex-direction:column;gap:16px}.job-form-row{display:flex;gap:16px;align-items:flex-start}.job-form-row .job-input-group{flex:1}.job-input-group{display:flex;flex-direction:column;gap:6px}.job-input-label{font-size:14px;font-weight:500;color:#374151;margin:0}.job-input{padding:10px 12px;border:1px solid #d1d5db;border-radius:10px!important;font-size:14px;color:#1f2937;background:#fff;transition:border-color .2s,box-shadow .2s;min-height:40px;box-sizing:border-box;text-align:left!important}.job-input-group input,.job-input-group input[type=text],.job-input-group input[type=number],.job-form-group input,.job-section-card input{text-align:left!important}.job-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.job-input::placeholder{color:#9ca3af}.job-textarea{padding:10px 12px;border:1px solid #d1d5db;border-radius:10px!important;font-size:14px;color:#1f2937;background:#fff;resize:vertical;min-height:80px;font-family:inherit;transition:border-color .2s,box-shadow .2s}.job-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.line-items-row{display:flex;gap:16px;align-items:flex-start}.line-items-row .job-input-group:first-child{flex:1}.line-items-row .job-input-group.price-input,.line-items-row .job-input-group.capacity-input{width:128px;flex:none}.job-button{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid transparent;border-radius:8px!important;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;box-sizing:border-box;min-height:36px}.job-button:disabled{opacity:.6;cursor:not-allowed}.job-button-primary{background:#f39c12;color:#fff;border-color:#f39c12}.job-button-primary:hover:not(:disabled){background:#e67e22;border-color:#e67e22}.job-button-secondary{background:#fff;color:#374151;border-color:#9ca3af}.job-button-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.job-button-destructive{background:#fff;color:#374151;border-color:#d1d5db}.job-button-destructive:hover:not(:disabled){background:#f9fafb;border-color:#f39c12;color:#f39c12}.job-button-icon-only{padding:8px;width:36px;height:36px;justify-content:center}.job-toggle-group{display:flex;background:#f1f5f9;border-radius:10px;padding:4px;gap:0}.job-toggle-item{flex:1;padding:8px 16px;background:transparent;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;color:#64748b}.job-toggle-item.active{background:#fff;color:#1e293b;box-shadow:0 1px 2px #0000000d}.job-toggle-item:hover{color:#1e293b}.job-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.job-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.job-modal{background:#fff;border-radius:16px;width:90%;max-width:480px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040}.job-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #f1f5f9}.job-modal-title{font-size:20px;font-weight:700;color:#1e293b;margin:0}.job-modal-close{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;color:#64748b;transition:all .2s}.job-modal-close:hover{background:#f1f5f9;color:#334155}.job-modal-body{padding:24px;flex:1;overflow:hidden;display:flex;flex-direction:column;gap:16px}.job-modal-search{position:relative;width:100%}.job-modal-search .job-input{padding-left:40px;width:100%}.job-modal-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#64748b;width:16px;height:16px}.job-modal-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.job-modal-item{display:flex;align-items:center;gap:16px;padding:16px;border-radius:12px;background:#f8fafc;cursor:pointer;transition:all .2s}.job-modal-item:hover{background:#f1f5f9}.job-modal-item.selected{background:#eff6ff;border:1px solid #bfdbfe}.job-modal-checkbox{width:20px;height:20px;border:2px solid #d1d5db;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#fff;cursor:pointer;transition:all .2s}.job-modal-checkbox.checked{background:#3b82f6;border-color:#3b82f6;color:#fff}.job-modal-avatar{width:40px;height:40px;border-radius:10px;background:#e2e8f0;display:flex;align-items:center;justify-content:center;font-weight:600;color:#64748b;font-size:16px}.job-modal-info{flex:1;display:flex;flex-direction:column}.job-modal-name{font-weight:600;color:#1e293b;font-size:14px;margin:0 0 2px}.job-modal-id{font-size:12px;color:#64748b;margin:0}.job-modal-footer{display:flex;justify-content:space-between;align-items:center;padding:24px;border-top:1px solid #f1f5f9}.job-modal-selected-count{font-size:14px;color:#64748b}.job-modal-actions{display:flex;gap:8px}.job-dropdown{position:absolute;background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 10px 15px -3px #0000001a;z-index:1000;max-height:200px;overflow-y:auto;min-width:200px}.job-dropdown-item{padding:8px 12px;cursor:pointer;border-bottom:1px solid #f1f5f9;font-size:14px}.job-dropdown-item:hover{background:#f8fafc}.job-dropdown-item:last-child{border-bottom:none}.job-selected-items{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.job-selected-item{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:20px;font-size:14px;color:#1e40af}.job-selected-item button{background:none;border:none;color:#6b7280;cursor:pointer;font-size:16px;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.job-selected-item button:hover{color:#374151}.job-icon{width:16px;height:16px;flex-shrink:0}.job-input-with-icon{position:relative}.job-input-with-icon .job-input{padding-left:40px}.job-input-with-icon .job-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6b7280}.employee-timeslot-container{font-family:Arial,sans-serif;margin:0 auto;padding:20px;max-width:1200px}.employee-timeslot-container.wide-mode{max-width:none;width:100%}.employee-timeslot-section{margin-top:20px;margin-bottom:20px;padding:15px;border:1px solid #ddd;border-radius:5px;background-color:#f9f9f9}.employee-timeslot-heading{font-size:18px;font-weight:700;margin-bottom:15px;color:#333}.employee-timeslot-flex{display:flex;gap:15px;flex-wrap:wrap}.employee-timeslot-flex-item{flex:1;min-width:200px}.employee-timeslot-input-group{margin-bottom:15px}.employee-timeslot-label{display:block;margin-bottom:5px;font-weight:700;color:#555}.employee-timeslot-input{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;background-color:#fff;height:32px;box-sizing:border-box}.employee-timeslot-table-header{display:flex;gap:10px;padding:10px 5px;background-color:#f0f0f0;border-bottom:1px solid #ddd;font-weight:700}.employee-timeslot-table-row{display:flex;gap:10px;padding:10px 5px;border-bottom:1px solid #eee;align-items:center}.employee-timeslot-cell-small{width:30px}.employee-timeslot-cell-large{flex:2}.employee-timeslot-cell{flex:1}.employee-timeslot-buttons{display:flex;justify-content:flex-end;margin-top:20px}.employee-timeslot-button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-weight:700;margin-right:10px}.employee-timeslot-button-cancel{background-color:#f44336;color:#fff}.employee-timeslot-button-save{background-color:#4caf50;color:#fff}.weekday-select{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;background-color:#fff;height:32px;box-sizing:border-box;font-size:14px;color:#333;cursor:pointer}.weekday-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:16px;padding-right:30px}.weekday-select:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.weekday-select option{padding:8px;background:#fff;color:#333}.weekday-select:disabled{background-color:#f5f5f5;cursor:not-allowed}.dropdown-service-list{position:absolute;background:#fff;border:1px solid #ddd;border-radius:4px;max-height:200px;overflow-y:auto;width:30%;z-index:10;box-shadow:0 2px 6px #0000001a}.dropdown-service-item{padding:8px 12px;cursor:pointer}.dropdown-service-item:hover{background-color:#f5f5f5}.totalPrice{margin-top:20px;padding:15px;text-align:right}.totalPrice h5{margin:0;font-size:14px;font-weight:700;color:#333}@media (max-width: 768px){.job-creation-container{padding:16px;gap:16px}.job-section-card{padding:16px}.job-form-row{flex-direction:column;gap:12px}.line-items-row{flex-direction:column;align-items:stretch}.line-items-row .job-input-group.price-input,.line-items-row .job-input-group.capacity-input{width:100%}}.action-btn{border:1px solid #e9ecef!important;border-radius:6px!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;background-color:#fff!important;transition:all .2s;padding:0!important;cursor:pointer}.action-btn:hover:not(:disabled){border-color:#adb5bd!important;background-color:#f8f9fa!important}.line-items-row .action-btn.delete-btn{border-color:#ef4444!important;margin-top:32px!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}.line-items-row .action-btn.delete-btn:hover:not(:disabled){background-color:#fee2e2!important;border-color:#dc2626!important}.line-items-row .action-btn.delete-btn .anticon{color:#ef4444!important;font-size:20px!important}.line-items-row .action-btn.delete-btn:hover:not(:disabled) .anticon{color:#dc2626!important}.action-btn:disabled{background-color:#f5f5f5!important;border-color:#e9ecef!important;cursor:not-allowed;opacity:.6}.action-btn:disabled .anticon{color:#b0b0b0!important}.custom-date-picker{position:relative;width:100%}.date-picker-input{width:100%;height:44px;padding:12px 16px 12px 44px;border:1px solid #d1d5db;border-radius:12px;font-size:14px;font-family:Montserrat,Arial,sans-serif;background-color:#fff;transition:all .2s ease;cursor:pointer;color:#374151;text-align:left}.date-picker-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.date-picker-input::placeholder{color:#9ca3af;text-align:left}.form-input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:16px;pointer-events:none;z-index:1}.form-input-wrapper{position:relative;width:100%}.form-input-clear-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#bfbfbf;font-size:14px;cursor:pointer;z-index:2;transition:color .2s ease}.form-input-clear-icon:hover{color:#8c8c8c}.date-picker-dropdown{position:absolute;left:0;width:320px;max-width:calc(100vw - 32px);background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #00000026;z-index:9999;margin-top:4px;padding:16px;box-sizing:border-box;top:100%}.date-picker-dropdown.flip-up{top:auto;bottom:100%;margin-top:0;margin-bottom:4px}.date-picker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.date-picker-nav{display:flex;align-items:center;gap:8px}.date-picker-nav-btn{width:32px;height:32px;border:1px solid #e5e7eb;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#6b7280}.date-picker-nav-btn:hover{background:#f9fafb;border-color:#f39c12;color:#f39c12}.date-picker-month-year{font-weight:600;color:#1f2937;font-size:16px}.date-picker-quick-select{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.quick-select-btn{padding:6px 12px;border:1px solid #e5e7eb;background:#fff;border-radius:20px;font-size:12px;cursor:pointer;transition:all .2s ease;color:#6b7280;font-family:Montserrat,Arial,sans-serif}.quick-select-btn:hover{background:#f39c12;border-color:#f39c12;color:#fff}.date-picker-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.date-picker-day-header{text-align:center;font-size:12px;font-weight:500;color:#6b7280;padding:8px 4px}.date-picker-day{width:32px;height:32px;border:none;background:transparent;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:all .2s ease;color:#374151}.date-picker-day:hover{background:#f3f4f6}.date-picker-day.other-month{color:#d1d5db}.date-picker-day.selected{background:#f39c12;color:#fff}.date-picker-day.today{background:#fef3e2;color:#f59e0b;font-weight:600}.date-picker-day.disabled{color:#d1d5db;cursor:not-allowed}.date-picker-day.disabled:hover{background:transparent}.date-picker-helper{font-size:11px;color:#9ca3af;margin-top:4px;font-family:Montserrat,Arial,sans-serif;line-height:1.3;text-align:left}.date-picker-dropdown *{box-sizing:border-box}@media (max-width: 480px){.date-picker-dropdown{width:calc(100vw - 32px);left:50%;transform:translate(-50%)}.date-picker-dropdown.flip-up{transform:translate(-50%)}}.custom-recurrence-box{margin-top:16px;padding:20px;background:#f0fdf4;border:1px solid #86efac;border-radius:10px}.custom-recurrence-header{margin-bottom:20px}.custom-recurrence-title{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 4px}.custom-recurrence-subtitle{font-size:14px;color:#64748b;margin:0}.custom-recurrence-section{margin-bottom:20px}.custom-recurrence-section:last-of-type{margin-bottom:0}.custom-recurrence-label{font-size:14px;font-weight:600;color:#374151;margin-bottom:8px;display:block}.custom-recurrence-input{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#1f2937;background:#fff;transition:border-color .2s,box-shadow .2s}.custom-recurrence-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.custom-recurrence-input:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.custom-recurrence-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#1f2937;background:#fff;cursor:pointer;min-width:120px}.custom-recurrence-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.custom-recurrence-date{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#1f2937;background:#fff;transition:border-color .2s,box-shadow .2s;min-width:140px}.custom-recurrence-date:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.custom-recurrence-date:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.weekday-selector{display:flex;gap:8px}.weekday-button{width:40px;height:40px;border:2px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.weekday-button:hover{border-color:#3b82f6;color:#3b82f6}.weekday-button.selected{background:#1f2937;border-color:#1f2937;color:#fff}.all-day-repeat-section{margin-top:16px;margin-bottom:16px;padding:16px;display:flex;flex-direction:column;gap:12px}.all-day-checkbox-section{display:flex;align-items:center}.all-day-checkbox-section label{font-size:14px;color:#374151;margin:0;cursor:pointer}.all-day-checkbox-section input[type=checkbox]{width:16px;height:16px;cursor:pointer}.repeat-options-dropdown{width:auto}.repeat-options-dropdown select{width:240px;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#1f2937;background:#fff;cursor:pointer}.repeat-options-dropdown select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.appointments-list{margin-top:16px;padding:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.appointments-list-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.appointments-list-title{font-size:16px;font-weight:600;color:#1e293b;margin:0}.appointments-count{font-size:14px;color:#64748b;font-weight:400}.appointments-list-content{display:flex;flex-direction:column;gap:8px}.appointment-item{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px}.appointment-number{font-size:12px;font-weight:600;color:#3b82f6;min-width:24px}.appointment-details{flex:1;display:flex;flex-direction:column;gap:4px}.appointment-date{font-size:14px;font-weight:500;color:#1e293b}.appointment-time{font-size:12px;color:#64748b}
