@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap";.time-block-form-container{font-family:Montserrat,Arial,sans-serif;display:flex;flex-direction:column;height:100vh;width:100%;max-width:1200px;margin:0 auto;background-color:#fff;padding:24px;gap:24px}.time-block-header{display:flex;width:100%;align-items:center;justify-content:space-between}.time-block-header-content{display:flex;flex-direction:column;gap:4px}.time-block-title{font-size:28px;font-weight:700;color:#1a1a1a;margin:0;line-height:1.2}.time-block-subtitle{font-size:16px;font-weight:400;color:#6b7280;margin:0;line-height:1.4}.time-block-form-card{display:flex;width:100%;flex-direction:column;gap:24px;border-radius:12px;border:1px solid #e5e7eb;background-color:#fff;padding:24px;box-shadow:0 1px 3px #0000001a}.section-header{display:flex;width:100%;align-items:center;gap:16px;margin-bottom:16px}.section-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background-color:#fef3e2;color:#f59e0b;font-size:16px}.section-title{font-size:16px;font-weight:600;color:#1a1a1a;margin:0}.employee-selection-section{display:flex;width:100%;flex-direction:column;gap:16px}.employee-search-wrapper{position:relative;width:100%}.employee-search-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}.employee-search-input:focus{outline:none;border-color:#ff9f1c;box-shadow:0 0 0 3px #ff9f1c1a}.employee-search-input::placeholder{color:#9ca3af}.employee-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:16px;pointer-events:none}.selected-employees-wrapper{display:flex;width:100%;flex-wrap:wrap;gap:8px}.employee-pill{display:flex!important;align-items:center!important;gap:8px!important;padding:6px 12px!important;border-radius:20px!important;border:1px solid #e5e7eb!important;background-color:#f3f4f6!important;font-size:14px!important;color:#1a1a1a!important;transition:all .2s ease!important}.employee-pill:hover{background-color:#e5e7eb!important}.employee-pill .employee-name{font-weight:500!important;background-color:transparent!important;color:#1a1a1a!important;padding:0!important;margin:0!important}.employee-pill *{background-color:transparent!important}.employee-remove-btn{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;background:none;cursor:pointer;color:#6b7280;font-size:12px;transition:color .2s ease}.employee-remove-btn:hover{color:#ef4444}.section-divider{height:1px;width:100%;background-color:#e5e7eb;margin:8px 0}.leave-details-section{display:flex;width:100%;flex-direction:column;gap:24px}.form-row{display:flex;width:100%;gap:16px}.form-field{display:flex;flex-direction:column;gap:8px}.form-field.full-width{flex:1}.form-field.time-field{width:200px;flex-shrink:0}.form-input-wrapper{position:relative}.form-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}.form-input:focus{outline:none;border-color:#ff9f1c;box-shadow:0 0 0 3px #ff9f1c1a}.form-input::placeholder{color:#9ca3af}.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}.date-picker-input:focus{outline:none;border-color:#ff9f1c;box-shadow:0 0 0 3px #ff9f1c1a}.date-picker-input::placeholder{color:#9ca3af}.date-picker-dropdown{position:absolute;top:100%;left:0;width:320px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #00000026;z-index:1000;margin-top:4px;padding:16px}.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:#ff9f1c;color:#ff9f1c}.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:#ff9f1c;border-color:#ff9f1c;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:#ff9f1c;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}.form-input[type=time]{position:relative;color:#374151}.form-input[type=time]::-webkit-calendar-picker-indicator{position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;background:transparent;border:none;font-size:16px;color:#6b7280;width:20px;height:20px}.form-input[type=time]::-webkit-calendar-picker-indicator:hover{color:#ff9f1c}.form-input[type=date]::-webkit-inner-spin-button,.form-input[type=date]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-input[type=time]{-webkit-appearance:auto}.form-input[type=date]:focus,.form-input[type=time]:focus{border-color:#ff9f1c;box-shadow:0 0 0 3px #ff9f1c1a}.form-input[type=date]:invalid,.form-input[type=time]:invalid{color:#9ca3af}.form-input[type=date]:valid,.form-input[type=time]:valid{color:#374151}.form-input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:16px;pointer-events:none}.description-field{width:100%}.description-input{width:100%;min-height:44px;padding:12px 16px;border:1px solid #d1d5db;border-radius:12px;font-size:14px;font-family:Montserrat,Arial,sans-serif;background-color:#fff;resize:vertical;transition:all .2s ease}.description-input:focus{outline:none;border-color:#ff9f1c;box-shadow:0 0 0 3px #ff9f1c1a}.description-input::placeholder{color:#9ca3af}.action-buttons{display:flex;width:100%;align-items:center;justify-content:flex-end;gap:8px}.action-button{padding:12px 24px;border-radius:12px;font-size:14px;font-weight:600;font-family:Montserrat,Arial,sans-serif;cursor:pointer;transition:all .2s ease;border:none;min-width:80px}.action-button.cancel{background-color:#fff;color:#6b7280;border:1px solid #d1d5db}.action-button.cancel:hover{background-color:#f9fafb;color:#374151}.action-button.submit{background-color:#ff9f1c;color:#fff;border:1px solid #ff9f1c}.action-button.submit:hover{background-color:#e8850e;border-color:#e8850e}.action-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.time-block-form-container,.time-block-form-card{padding:16px;gap:16px}.form-row{flex-direction:column;gap:12px}.form-field.time-field{width:100%}.action-buttons{flex-direction:column;align-items:stretch}.action-button{width:100%}}.time-block-form-container *{box-sizing:border-box}.time-block-form-container .ant-input,.time-block-form-container .ant-btn,.time-block-form-container .ant-card{font-family:Montserrat,Arial,sans-serif!important}.tab-navigation{display:flex!important;background:#f1f5f9!important;border-radius:12px!important;padding:4px!important;gap:0!important;margin-top:24px!important;margin-bottom:20px!important;border:none!important;position:relative!important}.tab-button{flex:1!important;background:transparent!important;border:none!important;padding:12px 20px!important;cursor:pointer!important;font-size:14px!important;font-weight:600!important;color:#64748b!important;border-radius:10px!important;transition:all .25s ease!important;font-family:Montserrat,Arial,sans-serif!important;position:relative!important;z-index:2!important;white-space:nowrap!important;text-align:center!important;box-shadow:none!important;text-decoration:none!important;line-height:1.4!important;min-height:auto!important;height:auto!important}.tab-button:hover:not(.active){color:#374151!important;background:#ffffff80!important;box-shadow:none!important;transform:none!important}.tab-button.active{background:#fff!important;color:#1e293b!important;box-shadow:0 2px 8px #00000014,0 1px 3px #0000000f!important;transform:translateY(-1px)!important;font-weight:600!important}.tab-button:focus{outline:none!important;box-shadow:0 2px 8px #00000014,0 1px 3px #0000000f!important}.tab-button:focus:not(.active){box-shadow:0 0 0 2px #3b82f633!important}.tab-content{min-height:300px;padding-top:10px}.basic-info-tab{display:flex;flex-direction:column;gap:24px}.additional-settings-tab{padding:24px;background-color:transparent;border-radius:12px;border:none}.additional-settings-content h3{margin-bottom:16px;color:#1a1a1a;font-size:18px;font-weight:600;font-family:Montserrat,Arial,sans-serif}.additional-settings-content p{color:#6b7280;margin-bottom:16px;line-height:1.5;font-family:Montserrat,Arial,sans-serif}.additional-settings-content ul{list-style-type:disc;padding-left:20px;color:#6b7280;font-family:Montserrat,Arial,sans-serif}.additional-settings-content li{margin-bottom:8px;line-height:1.4}.form-row-50-50{display:flex;width:100%;gap:16px;margin-bottom:20px}.form-field-50{display:flex;flex-direction:column;gap:8px;flex:1}.form-row-full{display:flex;width:100%;margin-bottom:20px}.form-field-full{display:flex;flex-direction:column;gap:8px;width:100%}.form-label-left{font-size:14px;font-weight:500;color:#374151;margin-bottom:8px;text-align:left;font-family:Montserrat,Arial,sans-serif}.form-select{width:100%;height:44px;padding:12px 16px;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}.form-select:focus{outline:none;border-color:#ff9f1c;box-shadow:0 0 0 3px #ff9f1c1a}.form-input-number{width:100%;height:44px;padding:12px 16px;border:1px solid #d1d5db;border-radius:12px;font-size:14px;font-family:Montserrat,Arial,sans-serif;background-color:#fff;transition:all .2s ease}.form-input-number:focus{outline:none;border-color:#ff9f1c;box-shadow:0 0 0 3px #ff9f1c1a}.job-input-label{font-size:14px;font-weight:500;color:#374151;margin-bottom:8px;text-align:left;font-family:Montserrat,Arial,sans-serif}.job-input{width:100%;height:44px;padding:12px 16px;border:1px solid #d1d5db;border-radius:12px;font-size:14px;font-family:Montserrat,Arial,sans-serif;background-color:#fff;transition:all .2s ease}.job-input:focus{outline:none;border-color:#ff9f1c;box-shadow:0 0 0 3px #ff9f1c1a}.time-width{width:200px;flex-shrink:0}.duration-section{margin-bottom:20px}.duration-input-row{display:flex;gap:16px;align-items:flex-end}.duration-number-input{width:120px;height:44px;padding:12px 16px;border:1px solid #d1d5db;border-radius:12px;font-size:14px;font-family:Montserrat,Arial,sans-serif;background-color:#fff;transition:all .2s ease}.duration-number-input:focus{outline:none;border-color:#ff9f1c;box-shadow:0 0 0 3px #ff9f1c1a}.duration-select{flex:1;height:44px;padding:12px 16px;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}.duration-select:focus{outline:none;border-color:#ff9f1c;box-shadow:0 0 0 3px #ff9f1c1a}.summary-section{display:flex;gap:16px;margin-top:24px;padding:16px 0;border-top:1px solid #e5e7eb}.summary-block{flex:1;padding:16px;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;text-align:left}.summary-label{display:block;font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-family:Montserrat,Arial,sans-serif}.summary-value{font-size:16px;font-weight:600;color:#1f2937;font-family:Montserrat,Arial,sans-serif}.all-day-toggle-container{display:flex;align-items:center;margin:8px 0}.all-day-toggle{display:flex;align-items:center;gap:8px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:25px;cursor:pointer;padding:8px 16px;transition:all .25s ease;font-family:inherit;position:relative;min-height:40px}.all-day-toggle:hover{background:#e2e8f0;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.all-day-toggle.active{background:#fff!important;border-color:#cbd5e1!important;box-shadow:0 2px 8px #0000001a!important;transform:translateY(-1px)!important}.all-day-toggle.active:hover{background:#fff!important;box-shadow:0 4px 12px #00000026!important}.all-day-checkbox{width:18px;height:18px;border:2px solid #cbd5e1;border-radius:4px;display:flex;align-items:center;justify-content:center;background:#fff;transition:all .25s ease;position:relative;flex-shrink:0}.all-day-toggle.active .all-day-checkbox{background:#3b82f6!important;border-color:#3b82f6!important}.all-day-checkbox .checkmark{color:#fff;font-size:12px;font-weight:700;line-height:1}.all-day-label{font-size:14px;font-weight:500;color:#64748b;-webkit-user-select:none;user-select:none;transition:color .25s ease}.all-day-toggle.active .all-day-label{color:#1e293b!important;font-weight:600!important}@media (max-width: 768px){.form-row-50-50{flex-direction:column;gap:12px}.form-field-50,.time-width{width:100%}.duration-input-row{flex-direction:column;gap:12px}.duration-number-input{width:100%}.summary-section{flex-direction:column;gap:12px}}