body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color: #00693B;--secondary-color: #4CAF50}body{color:var(--primary-color)}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:9999}.image-container{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:5px;width:500px;height:500px}.wait-text{color:#fff;display:flex;font-size:16px}.wait-text span{display:inline-block}.wait-text span:nth-child(1){animation-delay:0s}.wait-text span:nth-child(2){animation-delay:.1s}.wait-text span:nth-child(3){animation-delay:.2s}.wait-text span:nth-child(4){animation-delay:.3s}.wait-text span:nth-child(5){animation-delay:.4s}.wait-text span:nth-child(6){animation-delay:.5s}.wait-text span:nth-child(7){animation-delay:.6s}.wait-text span:nth-child(8){animation-delay:.7s}.wait-text span:nth-child(9){animation-delay:.8s}.wait-text span:nth-child(10){animation-delay:.9s}.wait-text span:nth-child(11){animation-delay:1s}.wait-text span:nth-child(12){animation-delay:1.1s}@keyframes wave{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.icon-img{width:40%;height:40%;display:block;margin:0 auto}@keyframes scaleAnimation{0%{transform:scale(1)}to{transform:scale(1.1)}}.progress-container{width:100%;border:8px solid white;border-radius:22px;box-shadow:0 0 2vw #007fff40;overflow:hidden}.progress-bar{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:20px;background:transparent;border:none}.progress-bar::-webkit-progress-value{background:linear-gradient(#25c42f,#25c491)}.progress-bar::-moz-progress-bar{background:linear-gradient(#25c42f,#25c491)}.text-alert{color:red!important}.none{display:none}.hidden{display:hidden}.col-gap{margin-right:10px;margin-bottom:10px!important}.col-gap:last-child{margin-right:0;margin-bottom:10px}.separator{border-left:1px solid #d7d7d7}.icon-btn{font-size:20px;width:20px;height:20px;cursor:pointer}.icon-btn:active{transform:scale(.8)}.info-btn{width:20px;height:20px;cursor:pointer}.delete-btn{width:10px;height:10px;cursor:pointer}.test{position:fixed;left:10px;top:10}.test:active{transform:scale(.95)}.ant-input{color:var(--primary-color)}.ant-select-selector,.ant-select-selection-item{color:var(--primary-color)!important}.ant-select-item-option{color:var(--secondary-color)!important}.ant-select-item-option-selected{background-color:var(--primary-color)!important;color:#fff!important}.ant-select-item-option-active{background-color:var(--secondary-color)!important;color:#fff!important}.ant-picker{color:var(--primary-color)!important;border-color:var(--secondary-color)!important}.ant-picker-header th,table.ant-picker-content{color:var(--primary-color)!important}.ant-picker:hover,.ant-picker-focused{border-color:#388e3c!important}.ant-picker-header-view{color:#fff!important}.ant-picker-header th{color:#4caf50!important}.ant-picker-header{background-color:#4caf50!important}.ant-picker-content th{color:#4caf50!important}.ant-picker-cell-selected{background:var(--secondary-color)!important;color:#fff!important}.ant-picker-cell{color:#fff!important;z-index:99}.ant-picker-cell-in-view{color:#fff!important}.ant-picker-cell-inner{color:var(--secondary-color)!important}.ant-picker-cell-selected{border-radius:6px}.ant-picker-cell-selected .ant-picker-cell-inner{background-color:var(--secondary-color)!important;color:#fff!important}.ant-picker-cell:hover{color:#fff!important}.ant-picker-footer{background:var(--secondary-color)!important}.ant-picker-now-btn{color:#fff!important}.ant-switch[aria-checked=true]{background-color:var(--secondary-color)!important}.ant-switch[aria-checked=false]{background-color:#d7d7d7d7!important}.custom-checkbox .ant-checkbox-checked .ant-checkbox-inner{background-color:#4caf50;border-color:#4caf50;padding:0}.custom-checkbox .ant-checkbox-checked:after{border-color:#fff;padding:0}@media(max-width:768px){.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:9999}.image-container{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:15px;width:100%;height:450px}.wait-text{color:#fff;display:flex;font-size:12px}.icon-img{width:30%;height:30%;display:block;margin:0 auto}@keyframes scaleAnimation{0%{transform:scale(1)}to{transform:scale(1.1)}}.progress-container{width:50%;border:8px solid white;border-radius:22px;box-shadow:0 0 2vw #007fff40;overflow:hidden}.progress-bar{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;background:transparent;border:none}.progress-bar::-webkit-progress-value{background:linear-gradient(#25c42f,#25c491)}.progress-bar::-moz-progress-bar{background:linear-gradient(#25c42f,#25c491)}}.vacation-page-container{display:flex;flex-direction:column;min-height:100vh;background-color:#fff;font-family:Arial,sans-serif;align-items:center;font-size:14px}.vacation-page-container .content{flex:1;display:flex;flex-direction:column;align-items:center;padding:20px;width:100%;max-width:800px}.vacation-page-container .form-wrapper{width:100%;background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:20px;box-sizing:border-box;max-width:800px}.vacation-page-container .form-content{width:100%}.data-rows-container{height:300px}.vacation-header{display:flex;width:100%;color:var(--primary-color);font-weight:400;text-decoration:underline}.vacation-level-col{flex:2.5;font-size:17px;font-style:bold}.maxDays-col{flex:1;font-size:17px;font-style:bold}.leaveHours-col{flex:2;text-align:center;font-size:17px;font-style:bold}.manage-col{flex:1;text-align:center;font-size:17px;font-style:bold}.vacation-level-rows{flex:2.5;display:flex;align-items:center;gap:10px;height:100%}.maxDays-rows{flex:1}.leaveHour-rows{flex:2;display:flex;align-items:center;justify-content:center}.manage-rows{flex:1;padding:0;display:flex;justify-content:center;align-items:center}.manage-btn-container{padding:5px}.add-vacation-btn{background-color:var(--primary-color);color:#fff;padding:15px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer;border:none;border-radius:22px;transition:box-shadow .3s ease;box-shadow:0 4px 8px #0003}.add-vacation-btn:hover{box-shadow:0 8px 16px #0003}.add-vacation-btn:active{transform:scale(.95)}.vacation-page-container .vacation-form{width:100%;display:flex;flex-direction:column;align-items:flex-start}.vacation-page-container .submit-button{background-color:#00693b;border-color:#00693b;width:100%;height:40px;font-size:16px;font-weight:600;margin-top:20px;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}@media(max-width:768px){.vacation-page-container .vacation-form{width:100%;display:flex;flex-direction:column;align-items:flex-start}.vacation-form-wrapper{padding:10px;min-height:1000}.vacation-level-col{flex:2.5;font-size:14px;font-style:bold}.maxDays-col{flex:2;font-size:14px;font-style:bold}.leaveHours-col{flex:2;text-align:center;font-size:14px;font-style:bold}.manage-col{flex:1;text-align:center;font-size:14px;font-style:bold}.vacation-level-rows{flex:2.5;display:flex;align-items:center;gap:10px;height:100%}.maxDays-rows{flex:2}.leaveHour-rows{flex:2;display:flex;align-items:center;justify-content:center}.manage-rows{flex:1;padding:0;display:flex;justify-content:center;align-items:center}}.holiday-page-container{display:flex;flex-direction:column;min-height:100vh;background-color:#fff;font-family:Arial,sans-serif;align-items:center;font-size:14px}.holiday-page-container .content{flex:1;display:flex;flex-direction:column;align-items:center;padding:20px;width:100%;max-width:1200px}.holiday-page-container .page-title{color:#00693b;font-size:24px;margin-bottom:20px;font-weight:700}.holiday-page-container .organization-name{color:#00693b;font-size:18px;margin-bottom:20px}.holiday-page-container .form-wrapper{width:100%;background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:20px;box-sizing:border-box;max-width:1200px}.holiday-page-container .holiday-form{width:100%;display:flex;flex-direction:column;align-items:flex-start}.holiday-page-container .form-content{width:100%}.holiday-header{display:flex;text-decoration:underline}.holiday-header .holidayName-col{flex:1.5!important}.holiday-header .holidayDate-col{flex:4!important}.data-rows .holidayName-row{flex:1.5!important}.data-rows .holidayDate-row{flex:4!important}.holidayDate-row{display:flex}.holidayDate-row .normal-date,.holidayDate-row .lunar-date{flex:1!important}.holidayName-row-filter{display:flex;justify-content:center;align-items:center;flex:1.5!important}.holidayDate-container-filter,.holidayDate-row-filter{flex:4!important;display:flex;justify-content:space-between;align-items:center;justify-content:center}.holidayName-group{display:flex;gap:5px;align-items:center}.radio-date{display:flex;flex-direction:column}.input-date{flex:1;display:flex;justify-content:center;align-items:center;gap:10px}.cascader-input{width:80%;max-width:100%}.holiday-page-container .checkbox-label{font-size:14px;margin-left:8px;width:200px;white-space:pre-line;line-height:1.2}.holiday-page-container .radio-group{display:flex;flex-grow:1;justify-content:flex-start;max-width:100%}.holiday-page-container .radio-group .ant-radio-wrapper{display:flex;align-items:flex-start;margin-right:20px;width:50%}.holiday-page-container .radio-group .ant-radio-wrapper .date-label{margin-left:8px;line-height:1}.holiday-page-container .radio-group .ant-radio-wrapper .date-value{color:#000!important;font-weight:400;margin-left:8px}.holiday-page-container .radio-group .ant-radio-wrapper span:last-child{display:flex;flex-direction:column;align-items:flex-start}.holiday-page-container .radio-group .ant-radio-wrapper span:last-child>span.date-value{color:#000!important}.holiday-page-container .add-holiday-row{margin-top:20px;margin-bottom:20px}.holiday-page-container .add-holiday-button{background-color:#00693b;border-color:#00693b;color:#fff;font-weight:600;padding:0 20px}.holiday-page-container .add-holiday-button:hover,.holiday-page-container .add-holiday-button:focus{background-color:#005230;border-color:#005230;color:#fff}.holiday-page-container .new-holiday-row{display:flex;align-items:center;justify-content:flex-start;margin-bottom:15px;width:100%}.holiday-page-container .new-holiday-row .ant-checkbox-wrapper{flex-shrink:0}.holiday-page-container .ant-cascader{width:150px;margin-left:10px}.holiday-page-container .remove-icon{cursor:pointer;width:24px;height:24px;margin-left:80px}.holiday-page-container .new-holiday-row>div:nth-child(1){display:flex;align-items:center;width:25%;padding-right:10px}.holiday-page-container .new-holiday-row .input-holiday{margin-left:10px;width:calc(100% - 30px);flex-grow:1;min-width:0}.holiday-page-container .new-holiday-row .select-date{width:200px;max-width:90%}.holiday-page-container .new-holiday-row .input-lunar-date{width:200px;max-width:75%}.holiday-page-container .new-holiday-row .radio-group{width:100%;justify-content:center}.holiday-page-container .new-holiday-row .ant-radio-wrapper{display:flex;align-items:center;margin-right:15px}.holiday-page-container .ant-input:hover,.holiday-page-container .ant-picker:hover,.holiday-page-container .ant-select:hover .ant-select-selector{border-color:#00693b!important;box-shadow:0 0 0 2px #02931a40!important}.holiday-page-container .ant-input:focus,.holiday-page-container .ant-picker:focus,.holiday-page-container .ant-select-focused .ant-select-selector{border-color:#00693b!important;box-shadow:0 0 0 2px #02931a40!important}.holiday-page-container .error-input-form,.holiday-page-container .error-input .ant-input,.holiday-page-container .error-select .ant-select-selector,.holiday-page-container .error-input .ant-picker{border-color:#ff4d4f!important;box-shadow:0 0 0 2px #ff4d4f33!important;border-radius:5px}.holiday-page-container .error-input:hover .ant-input,.holiday-page-container .error-select:hover .ant-select-selector{border-color:#ff7875!important}.holiday-page-container .error-input:focus .ant-input,.holiday-page-container .error-select.ant-select-focused .ant-select-selector{border-color:#ff7875!important;box-shadow:0 0 0 2px #ff4d4f33!important}.holiday-page-container .required-label:after{content:" *";color:#fc512f}.holiday-page-container .submit-button{background-color:#00693b;border-color:#00693b;width:100%;height:40px;font-size:16px;font-weight:600;margin-top:20px;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.holiday-page-container .submit-button.ant-btn,.holiday-page-container .submit-button.ant-btn:hover,.holiday-page-container .submit-button.ant-btn:focus,.holiday-page-container .submit-button.ant-btn:active{background-color:#00693b!important;border-color:#00693b!important;width:100%;height:40px;font-size:16px;font-weight:600;margin-top:20px;color:#fff!important;border:none;border-radius:5px;cursor:pointer!important;transition:background-color .3s ease}.holiday-page-container .ant-btn-primary:not(:disabled):not(.ant-btn-disabled):hover{color:#fff;background:#166b2e}.holiday-page-container .submit-button.ant-btn:hover,.holiday-page-container .submit-button.ant-btn:focus{background-color:#166b2e!important;box-shadow:0 0 0 4px #02931a40!important}.holiday-page-container .submit-button.ant-btn *{cursor:pointer!important}.holiday-page-container .ant-radio-inner{border-color:#00693b!important;background-color:#fff!important}.holiday-page-container .ant-radio-inner:after{background-color:red}.holiday-page-container .ant-radio:hover .ant-radio-inner{border-color:#00693b!important;box-shadow:0 0 0 2px #02931a40!important}.holiday-page-container .ant-radio-checked .ant-radio-inner{background-color:#fc512f;border-color:#fc512f}.holiday-page-container .submit-button:hover,.holiday-page-container .submit-button:focus{background-color:#005230;border-color:#005230}.holiday-page-container .radio-group-horizontal{display:flex;align-items:center;justify-content:space-between;width:100%}.holiday-page-container .radio-label,.holiday-page-container .label{white-space:nowrap}.holiday-page-container .radio-buttons-horizontal{display:flex;align-items:center;flex-wrap:nowrap}.holiday-page-container .radio-buttons-horizontal .ant-radio-wrapper,.holiday-page-container .radio-group{display:flex;align-items:center;white-space:nowrap}.holiday-page-container .loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#fffc;display:flex;justify-content:center;align-items:center;z-index:1000}.holiday-page-container .half-width{width:48%;margin-right:4%}.holiday-page-container .half-width:last-child{margin-right:0}.holiday-page-container .full-width{width:100%}.holiday-page-container .full-width-large{display:flex;flex-basis:100%}.holiday-page-container .full-width-large .form-group{flex:1;margin-right:10px}.holiday-page-container .full-width-large .form-group:last-child{margin-right:0}.holiday-page-container .error-input .ant-input,.holiday-page-container .error-input .ant-select-selector{border-color:#ff4d4f!important;box-shadow:0 0 0 2px #ff4d4f33!important}.holiday-page-container .error-input:hover .ant-input,.holiday-page-container .error-input:hover .ant-select-selector{border-color:#ff7875!important}.holiday-page-container .error-input:focus .ant-input,.holiday-page-container .error-input:focus .ant-select-selector{border-color:#ff7875!important;box-shadow:0 0 0 2px #ff4d4f33!important}.holiday-page-containe .ant-select-allow-clear{margin-right:20px}@media(max-width:768px){body{font-size:10px}.holiday-header .holidayName-col,.holiday-header .holidayDate-col{flex:1!important}.holiday-page-container .form-wrapper{box-shadow:0}.holiday-page-container .content{padding:15px}.holiday-page-container .form-wrapper{padding:10px}.holiday-page-container .page-title{font-size:20px}.holiday-page-container .organization-name{font-size:15px}.holiday-page-container .holiday-row,.holiday-page-container .holiday-list,.holiday-page-container .new-holiday-row{flex-direction:row;align-items:flex-start}.holiday-page-container .holiday-row>div,.holiday-page-container .holiday-list>div,.holiday-page-container .new-holiday-row>div{width:100%!important;margin-bottom:10px}.holiday-page-container .radio-group{flex-direction:row;align-items:flex-start}.holiday-page-container .radio-group .ant-radio-wrapper{margin-right:0;margin-bottom:10px;width:100%}.holiday-page-container .radio-group .ant-radio-wrapper{margin-right:0;margin-bottom:0;width:100%}.holiday-page-container .new-holiday-row>div:nth-child(1){display:flex;align-items:center;width:35%;padding-right:10px}.holiday-page-container .new-holiday-row>div:nth-child(2){width:65%}.holiday-page-container .new-holiday-row>div:nth-child(3){width:10%;display:flex;justify-content:flex-end;padding-right:15px}.holiday-page-container .new-holiday-row .input-holiday{margin-left:10px;width:calc(100% - 30px);flex-grow:1;min-width:0}.holiday-page-container .new-holiday-row .select-date,.holiday-page-container .new-holiday-row .input-lunar-date{width:150px;max-width:90%}.holiday-page-container .remove-icon{cursor:pointer;width:24px;height:24px;margin-right:-60px}.data-rows .holidayDate-row{flex:1!important}.holidayDate-row{display:flex;flex-direction:column;flex:1}.holidayDate-row .normal-date,.holidayDate-row .lunar-date{flex:1!important}.data-rows-container-filter{max-height:300px;overflow-y:auto}.data-rows-filter{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:5px;padding-bottom:5px;border-bottom:1px dotted}.holidayName-row-filter{display:flex;justify-content:center;align-items:center;flex:1!important}.holidayDate-container-filter{flex:2!important;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:center;gap:10px}.holidayDate-row-filter{flex:2!important;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;align-items:center;gap:10px}.holidayName-group{display:flex;gap:2px;align-items:center}.holiday-page-container .checkbox-label{width:150px}.radio-date,.input-date{display:flex;flex:1;justify-content:center;align-items:center;gap:10px}.cascader-input{flex:2}.manage-date{display:flex;flex:.3;justify-content:center;align-items:center}}@media(max-width:745px){.cascader-input{width:200px}.holiday-page-container .form-wrapper{box-shadow:0;width:100%}.holiday-page-container .form-content{width:100%}.holiday-page-container .holiday-form{width:100%;display:flex;flex-direction:column;align-items:flex-start}.holiday-page-container .new-holiday-row .select-date{width:120px;max-width:90%}.holiday-page-container .new-holiday-row .radio-group{width:100%;justify-content:center;flex-direction:column}}@media(max-width:620px){.holiday-page-container .content{padding:15px}.holiday-page-container .form-wrapper{padding:10px}.holiday-page-container .page-title{font-size:20px}.holiday-page-container .organization-name{font-size:15px}.holiday-page-container .holiday-row>div:first-child,.holiday-page-container .holiday-list>div:first-child{width:40%;min-width:150px}.holiday-page-container .holiday-row>div:last-child,.holiday-page-container .holiday-list>div:last-child{width:60%;justify-content:flex-start}.holiday-page-container .holiday-row,.holiday-page-container .holiday-list{flex-direction:row;align-items:flex-start}.holiday-page-container .new-holiday-row{flex-direction:row;align-items:flex-start;display:flex}.holiday-page-container .holiday-row>div,.holiday-page-container .holiday-list>div,.holiday-page-container .new-holiday-row>div{width:100%!important;margin-bottom:10px}.holiday-page-container .radio-group{flex-direction:row;align-items:flex-start}.holiday-page-container .radio-group .ant-radio-wrapper span:last-child{display:flex;flex-direction:column;align-items:flex-start}.holiday-page-container .radio-group .ant-radio-wrapper{margin-right:0;margin-bottom:10px;width:100%}.holiday-page-container .radio-group .ant-radio-wrapper{margin-right:0;margin-bottom:0;width:100%}.holiday-page-container .new-holiday-row>div:nth-child(1){display:flex;align-items:center;width:35%;padding-right:10px}.holiday-page-container .new-holiday-row .input-holiday{margin-left:10px;width:calc(100% - 30px);flex-grow:1;min-width:0}.holiday-page-container .remove-icon{cursor:pointer;width:24px;height:24px;margin-left:50px;margin-top:5px}}@media(max-width:580px){.holiday-page-container .ant-cascader{width:140px;margin-left:2px}.holiday-page-container .remove-icon{position:absolute;right:1;margin-left:45px;top:50%}}@media(max-width:566px){.holiday-page-container .new-holiday-row .radio-group{flex-direction:column;align-items:flex-start}.holiday-page-container .new-holiday-row .select-date,.holiday-page-container .new-holiday-row .input-lunar-date{width:200px;max-width:90%}.holiday-page-container .remove-icon{position:absolute;right:1;margin-right:10px;top:50%}.holiday-page-container .ant-cascader{width:130px;margin-left:2px}}@media(max-width:535px){.holiday-page-container .ant-cascader{width:105px;margin-left:2px}.holiday-page-container .remove-icon{position:absolute;right:1;margin-left:45px;top:50%}}@media(max-width:480px){.holiday-page-container .content{padding:10px}.holiday-page-container .form-wrapper{padding:5px}.holiday-page-container .page-title{font-size:18px}.holiday-page-container .organization-name{font-size:14px}.holiday-page-container .add-holiday-button{width:100%;margin-bottom:15px}.holiday-page-container .checkbox-label,.holiday-page-container .new-holiday-row .input-holiday,.holiday-page-container .new-holiday-row .select-date,.holiday-page-container .new-holiday-row .input-lunar-date{font-size:13px}.holiday-page-container .holiday-row,.holiday-page-container .holiday-list{flex-direction:row;align-items:flex-start}.holiday-page-container .new-holiday-row{flex-direction:row;align-items:flex-start;display:flex;position:relative}.holiday-page-container .holiday-row>div,.holiday-page-container .holiday-list>div,.holiday-page-container .new-holiday-row>div{width:100%!important;margin-bottom:10px}.holiday-page-container .radio-group{flex-direction:row;align-items:flex-start}.holiday-page-container .radio-group .ant-radio-wrapper{margin-right:0;margin-bottom:10px;width:100%}.holiday-page-container .radio-group .ant-radio-wrapper{margin-right:0;margin-bottom:0;width:100%}.holiday-page-container .new-holiday-row>div:nth-child(1){display:flex;align-items:center;width:100%;padding-right:10px}.holiday-page-container .checkbox-label{font-size:14px;margin-left:8px;width:400x;white-space:pre-line;line-height:1.2}.holiday-page-container .new-holiday-row>div:first-child,.holiday-page-container .holiday-list>div:first-child{width:40%;min-width:380px;width:auto}.holiday-page-container .new-holiday-row .input-holiday{margin-left:10px;width:calc(100% - 10px);flex-grow:1;min-width:0}.holiday-page-container .new-holiday-row .select-date,.holiday-page-container .new-holiday-row .input-lunar-date{width:200px;max-width:90%}.holiday-page-container .ant-cascader{width:200px;margin-left:2px}.holiday-page-container .remove-icon{position:absolute;right:1;margin-left:180px;top:50%}.holiday-page-container .new-holiday-row .radio-group{flex-direction:row;align-items:flex-start}.holiday-page-container .radio-group .ant-radio-wrapper span:last-child{display:flex;flex-direction:column;align-items:flex-start}}.leaveType-page-container{display:flex;flex-direction:column;min-height:100vh;background-color:#fff;font-family:Arial,sans-serif;align-items:center;font-size:14px}.leaveType-page-container .content{flex:1;display:flex;flex-direction:column;align-items:center;padding:20px;width:100%;max-width:1000px}.leaveType-page-container .page-title{color:#00693b;font-size:24px;margin-bottom:20px;font-weight:700}.leaveType-page-container .organization-name{color:#00693b;font-size:18px;margin-bottom:20px}.leaveType-page-container .form-wrapper{width:100%;background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:20px;box-sizing:border-box;max-width:1000px}.leaveType-page-container .leaveType-form{width:100%;display:flex;flex-direction:column;align-items:flex-start}.leaveType-page-container .form-content{width:100%}.custom-table .ant-table{border:none!important;margin-top:0!important;padding-top:0!important}.custom-table .ant-table-container{border:none!important;border-radius:0!important;margin-top:0!important;padding-top:0!important}.custom-table .ant-table-thead>tr>th{background-color:#f5f5f5!important;border-bottom:1px solid #e0e0e0!important;border-right:none!important;border-left:none!important;font-size:14px!important;font-weight:600!important;padding:12px 16px!important;color:#00693b!important;margin-top:0!important}.custom-table .ant-table-tbody>tr>td{border-bottom:1px solid #f0f0f0!important;border-right:none!important;border-left:none!important;padding:16px!important;color:#00693b!important}.custom-table .ant-table-tbody>tr:hover>td{background-color:#fafafa!important}.custom-checkbox .ant-checkbox-inner{border-radius:4px!important}.LeaveType-container{margin-top:0!important;padding-top:0!important}.outline{border:1px solid red}.col-gap{margin-right:10px;margin-bottom:10px}.col-gap:last-child{margin-right:0;margin-bottom:0}.separator{border-left:1px solid #d7d7d7;height:100%}.LeaveType-header{display:flex;text-decoration:underline}.LeaveType-col,.short-col{flex:2.5;font-size:16px}.MaxDays-col{flex:4;text-align:center;font-size:16px}.leaveHours-col{flex:2;text-align:center;font-size:16px}.showStatus-col{flex:1.5;text-align:center;font-size:16px}.manage-col{flex:1;text-align:center;font-size:16px}.Add-rows-container{height:300px;overflow-y:auto}.LeaveType-rows{flex:2.5;display:flex;align-items:center;gap:10px}.LeaveType-rows .leaveType-lable{width:100px;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.LeaveType-rows .leaveType-lable:hover{cursor:pointer}.LeaveType-short{flex:2.5;display:flex;align-items:center;margin-right:5px;margin-left:5px}.MaxDays-rows{flex:4;display:flex;justify-content:center;align-items:center;gap:0px;margin:auto}.MaxDays-group{flex:2;display:flex;justify-content:center;align-items:center;margin-left:5px}.MaxDays-input{flex:2;display:flex;justify-content:center;align-items:center;margin-right:5px}.leaveHours-rows{flex:2;display:flex;gap:10px;align-items:center;justify-content:center}.showStatus-rows{flex:1.5;display:flex;gap:8px;align-items:center;justify-content:center}.showStatus-rows .custom-checkbox{margin:0}.showStatus-rows label{margin:0;font-size:14px;color:#666}.manage-rows{flex:1;display:flex;justify-content:center;align-items:center;gap:20px}.manage-groups{display:flex;justify-content:center;align-items:center;gap:10px}.check-btn{width:20px;height:20px;cursor:not-allowed}.edit-btn{width:20px;height:20px;cursor:pointer}.edit-btn:hover{filter:drop-shadow(0px 4px 10px rgba(0,0,0,.5))}.delete-btn{width:20px;height:20px;cursor:pointer}.delete-btn:hover{filter:drop-shadow(0px 4px 5px rgba(0,0,0,.5))}.delete-btn:active{transform:scale(.95)}.leaveType-page-container .submit-button{background-color:#00693b;border-color:#00693b;width:100%;height:40px;font-size:16px;font-weight:600;margin-top:20px;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.add-LeaveType-btn{background-color:var(--primary-color);color:#fff;padding:15px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer;border:none;border-radius:22px;transition:box-shadow .3s ease;box-shadow:0 4px 8px #0003}.add-LeaveType-btn:hover{box-shadow:0 8px 16px #0003}.add-LeaveType-btn:active{transform:scale(.95)}@media(max-width:768px){.col-gap{margin-right:10px;margin-bottom:10px}.col-gap:last-child{margin-right:0;margin-bottom:0}.separator{border-left:1px solid #d7d7d7;height:100%}.LeaveType-header{display:flex;text-decoration:underline}.LeaveType-col{flex:3;font-size:14px}.MaxDays-col{flex:3;text-align:center;font-size:14px}.leaveHours-col{flex:1.5;text-align:center;font-size:14px}.showStatus-col{flex:1;text-align:center;font-size:12px}.manage-col{flex:1;text-align:right;font-size:14px}.data-rows-container{height:300px;overflow-y:auto}.data-rows{display:flex;margin-bottom:5px}.Add-rows-container{height:300px;overflow-y:auto}.LeaveType-rows{flex:3;display:flex;align-items:center;gap:10px}.LeaveType-rows .leaveType-lable:hover{cursor:pointer}.MaxDays-rows{flex:3;display:flex;justify-content:center;align-items:center;gap:10px}.MaxDays-input{width:50px}.MaxDays-group{display:flex;align-items:center;gap:5px}.leaveHours-rows{flex:1.5;display:flex;gap:10px;align-items:center;justify-content:center}.showStatus-rows{flex:1;display:flex;align-items:center;justify-content:center}.showStatus-rows label{display:none}.manage-rows{flex:1;display:flex;justify-content:center;align-items:center;gap:20px}.manage-groups{display:flex;justify-content:center;align-items:center;gap:10px;width:50px;font-size:12px}.check-btn{width:20px;height:20px;cursor:not-allowed}.edit-btn{width:20px;height:20px;cursor:pointer}.edit-btn:hover{filter:drop-shadow(0px 4px 10px rgba(0,0,0,.5))}.delete-btn{width:20px;height:20px;cursor:pointer}.delete-btn:hover{filter:drop-shadow(0px 4px 5px rgba(0,0,0,.5))}.delete-btn:active{transform:scale(.95)}.add-LeaveType-btn{background-color:var(--primary-color);color:#fff;padding:15px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer;border:none;border-radius:22px;transition:box-shadow .3s ease;box-shadow:0 4px 8px #0003}.add-LeaveType-btn:hover{box-shadow:0 8px 16px #0003}.add-LeaveType-btn:active{transform:scale(.95)}}.red-button.ant-btn-default:hover{border-color:#ff4d4f!important}.red-button.ant-btn-primary:hover{background-color:#ff4d4f!important;border-color:#fff!important;color:#fff!important}.Staff-header{display:flex;text-align:center;text-decoration:underline;color:var(--primary-color);font-weight:400}.Staff-header{display:flex;padding:0;border-bottom:2px solid #dee2e6;font-weight:700;text-align:center;text-decoration:underline;color:var(--primary-color);border-top:1px solid green;border-right:1px solid green;border-bottom:1px solid green;border-left:1px solid green}.Staff-header .staffList-col{min-width:200px;flex:1;text-align:left;padding:8px}.Staff-header .staffId-col{min-width:180px;flex:1;padding:8px;text-align:center}.Staff-header .staffDep-col{min-width:150px;flex:1;padding:8px;text-align:center}.Staff-header .vacationLevel-col{min-width:160px;flex:1;padding:8px;text-align:center}.Staff-header .maternityLeave-col,.Staff-header .hourLeave-col{min-width:120px;flex:1;padding:8px;text-align:center}.Staff-header .startDate-col{min-width:140px;flex:1;padding:8px;text-align:center}.Staff-header .dayOff-col{min-width:240px;flex:1;padding:8px;text-align:center}.Staff-header .probation-col{min-width:140px;flex:1;padding:8px;text-align:center}.Staff-header .manage-col{min-width:120px;flex:1;padding:8px;text-align:center}.staff-data-rows-container{border-left:1px solid green;border-right:1px solid green;border-bottom:1px solid green;height:400px;overflow-y:auto;position:relative;justify-content:center;align-items:center}.staff-data-rows-container .data-rows{display:flex;text-align:center;align-items:center;justify-content:center;padding-bottom:2px;padding-top:2px;border-bottom:1px solid #d7d7d7;height:80px}.staff-data-rows-container .data-rows:hover{border-bottom:1px solid var(--primary-color)}.data-rows .staff-list .vacationLevel-col .maternityLeave-rows .hoursLeave-rows .startDate-rows .dayOff-rows .manage-rows{display:flex;align-items:center;justify-content:center}.data-rows .staffList-rows{display:flex;align-items:center;gap:8px;justify-content:left;min-width:200px;flex:1;padding:8px}.data-rows .staffId-rows{position:relative;text-align:center;min-width:180px;flex:1;padding:8px}.data-rows .staffDep-rows{position:relative;text-align:center;min-width:150px;flex:1;padding:8px}.data-rows .vacationLevel-rows{position:relative;text-align:center;min-width:160px;flex:1;padding:8px}.data-rows .maternityLeave-rows,.data-rows .hoursLeave-rows{min-width:120px;flex:1;text-align:center;padding:8px}.data-rows .startDate-rows{min-width:140px;flex:1;text-align:center;padding:8px}.data-rows .dayOff-rows{min-width:240px;flex:1;text-align:center;padding:8px}.data-rows .probation-rows{min-width:140px;flex:1;text-align:center;padding:8px}.data-rows .manage-rows{min-width:120px;flex:1;text-align:center;padding:8px}.data-rows .ant-select-arrow{color:var(--primary-color)}.select-dep,.select-vacation,.select-date-picker{width:120px}.select-dayoff{width:100%;font-size:xx-small;max-height:32px;overflow-y:auto}.staff-edit-btn{width:15px;height:15px;cursor:pointer}.staff-edit-btn:hover{filter:drop-shadow(0px 4px 10px rgba(0,0,0,.5))}.staff-name-save{background-color:var(--primary-color);color:#fff;cursor:pointer;padding:5px;border-radius:6px}.staff-name-save:hover{filter:drop-shadow(0px 4px 4px rgba(0,0,0,.5))}.staff-name-save:active{scale:.95}.staff-page-container{display:flex;flex-direction:column;min-height:100vh;background-color:#fff;font-family:Arial,sans-serif;align-items:center;font-size:14px}.staff-page-container .content{flex:1;display:flex;flex-direction:column;align-items:center;padding:20px;width:100%;max-width:1600px}.staff-page-container .page-title{color:#00693b;font-size:24px;margin-bottom:20px;font-weight:700}.staff-page-container .organization-name{color:#00693b;font-size:18px;margin-bottom:20px}.staff-page-container .form-wrapper{width:100%;background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:20px;box-sizing:border-box;max-width:1600px}.staff-page-container .staff-form{width:100%;display:flex;flex-direction:column;align-items:flex-start}.staff-page-container .form-content{width:100%}.staff-page-container .staff-row,.staff-page-container .staff-list{display:flex;align-items:center;margin-bottom:15px;width:100%}.staff-page-container .staff-row>div,.staff-page-container .staff-list>div{display:flex;align-items:center}.staff-page-container .checkbox-label{font-size:14px;margin-left:8px;width:200px;white-space:pre-line;line-height:1.2}.staff-page-container .radio-group{display:flex;flex-grow:1;justify-content:flex-start;max-width:100%}.staff-page-container .radio-group .ant-radio-wrapper{display:flex;align-items:flex-start;margin-right:20px;width:50%}.staff-page-container .radio-group .ant-radio-wrapper .date-label{margin-left:8px}.staff-page-container .radio-group .ant-radio-wrapper .date-value{color:#000!important;font-weight:400;margin-left:8px}.staff-page-container .radio-group .ant-radio-wrapper span:last-child{display:flex;flex-direction:column;align-items:flex-start}.staff-page-container .radio-group .ant-radio-wrapper span:last-child>span.date-value{color:#000!important}.staff-page-container .staff-row>div:first-child,.staff-page-container .staff-list>div:first-child{width:40%;min-width:200px}.staff-page-container .staff-row>div:last-child,.staff-page-container .staff-list>div:last-child{width:60%;justify-content:flex-start}.staff-page-container .add-staff-row{margin-top:20px;margin-bottom:20px}.staff-page-container .add-staff-button{background-color:#00693b;border-color:#00693b;color:#fff;font-weight:600;padding:0 20px}.staff-page-container .add-staff-button:hover,.staff-page-container .add-staff-button:focus{background-color:#005230;border-color:#005230;color:#fff}.staff-page-container .new-staff-row{display:flex;align-items:center;justify-content:flex-start;margin-bottom:15px;width:100%}.staff-page-container .new-staff-row .ant-checkbox-wrapper{flex-shrink:0}.staff-page-container .ant-cascader{width:150px;margin-left:10px}.staff-page-container .remove-icon{cursor:pointer;width:24px;height:24px;margin-left:80px}.staff-page-container .new-staff-row>div:nth-child(1){display:flex;align-items:center;width:25%;padding-right:10px}.staff-page-container .new-staff-row .input-staff{margin-left:10px;width:calc(100% - 30px);flex-grow:1;min-width:0}.staff-page-container .new-staff-row .select-date{width:200px;max-width:90%}.staff-page-container .new-staff-row .input-lunar-date{width:200px;max-width:75%}.staff-page-container .new-staff-row .radio-group{width:100%;justify-content:center}.staff-page-container .new-staff-row .ant-radio-wrapper{display:flex;align-items:center;margin-right:15px}.staff-page-container .popStyle{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px}.staff-page-container .ant-input:hover,.staff-page-container .ant-picker:hover,.staff-page-container .ant-select:hover .ant-select-selector{border-color:#00693b!important;box-shadow:0 0 0 2px #02931a40!important}.staff-page-container .ant-input:focus,.staff-page-container .ant-picker:focus,.staff-page-container .ant-select-focused .ant-select-selector{border-color:#00693b!important;box-shadow:0 0 0 2px #02931a40!important}.staff-page-container .error-input-form,.staff-page-container .error-input .ant-input,.staff-page-container .error-select .ant-select-selector,.staff-page-container .error-input .ant-picker{border-color:#ff4d4f!important;box-shadow:0 0 0 2px #ff4d4f33!important;border-radius:5px}.staff-page-container .error-input:hover .ant-input,.staff-page-container .error-select:hover .ant-select-selector{border-color:#ff7875!important}.staff-page-container .error-input:focus .ant-input,.staff-page-container .error-select.ant-select-focused .ant-select-selector{border-color:#ff7875!important;box-shadow:0 0 0 2px #ff4d4f33!important}.staff-page-container .required-label:after{content:" *";color:#fc512f}.staff-page-container .submit-button{background-color:#00693b;border-color:#00693b;width:100%;height:40px;font-size:16px;font-weight:600;margin-top:20px;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.staff-page-container .submit-button.ant-btn,.staff-page-container .submit-button.ant-btn:hover,.staff-page-container .submit-button.ant-btn:focus,.staff-page-container .submit-button.ant-btn:active{background-color:#00693b!important;border-color:#00693b!important;width:100%;height:40px;font-size:16px;font-weight:600;margin-top:20px;color:#fff!important;border:none;border-radius:5px;cursor:pointer!important;transition:background-color .3s ease}.staff-page-container .ant-btn-primary:not(:disabled):not(.ant-btn-disabled):hover{color:#fff;background:#166b2e}.staff-page-container .submit-button.ant-btn:hover,.staff-page-container .submit-button.ant-btn:focus{background-color:#166b2e!important;box-shadow:0 0 0 4px #02931a40!important}.staff-page-container .submit-button.ant-btn *{cursor:pointer!important}.staff-page-container .ant-radio-inner{border-color:#00693b!important;background-color:#fff!important}.staff-page-container .ant-radio-inner:after{background-color:red}.staff-page-container .ant-radio:hover .ant-radio-inner{border-color:#00693b!important;box-shadow:0 0 0 2px #02931a40!important}.staff-page-container .ant-radio-checked .ant-radio-inner{background-color:#fc512f;border-color:#fc512f}.staff-page-container .submit-button:hover,.staff-page-container .submit-button:focus{background-color:#005230;border-color:#005230}.staff-page-container .radio-group-horizontal{display:flex;align-items:center;justify-content:space-between;width:100%}.staff-page-container .radio-label,.staff-page-container .label{white-space:nowrap}.staff-page-container .radio-buttons-horizontal{display:flex;align-items:center;flex-wrap:nowrap}.staff-page-container .radio-buttons-horizontal .ant-radio-wrapper,.staff-page-container .radio-group{display:flex;align-items:center;white-space:nowrap}.staff-page-container .loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#fffc;display:flex;justify-content:center;align-items:center;z-index:1000}.staff-page-container .half-width{width:48%;margin-right:4%}.staff-page-container .half-width:last-child{margin-right:0}.staff-page-container .full-width{width:100%}.staff-page-container .full-width-large{display:flex;flex-basis:100%}.staff-page-container .full-width-large .form-group{flex:1;margin-right:10px}.staff-page-container .full-width-large .form-group:last-child{margin-right:0}.staff-page-container .error-input .ant-input,.staff-page-container .error-input .ant-select-selector{border-color:#ff4d4f!important;box-shadow:0 0 0 2px #ff4d4f33!important}.staff-page-container .error-input:hover .ant-input,.staff-page-container .error-input:hover .ant-select-selector{border-color:#ff7875!important}.staff-page-container .error-input:focus .ant-input,.staff-page-container .error-input:focus .ant-select-selector{border-color:#ff7875!important;box-shadow:0 0 0 2px #ff4d4f33!important}.staff-page-containe .ant-select-allow-clear{margin-right:20px}.staff-control{display:flex;flex-direction:row;justify-content:space-between;width:100%}@media(max-width:1024px){.staff-control{display:flex;flex-direction:row;justify-content:space-between;width:95%}.staff-page-container .form-content{width:100%;margin:20px}.staff-data-rows-container{height:600px;overflow-y:auto;position:relative;justify-content:center;align-items:center}.select-dep,.select-vacation,.select-date-picker{width:200px}.select-dayoff{width:300px;max-height:32px;overflow-y:auto}.data-rows .staff-list .vacationLevel-col .maternityLeave-rows .hoursLeave-rows .startDate-rows .dayOff-rows{display:flex;align-items:center;justify-content:center;width:90%}.manage-rows{display:flex;align-items:left;justify-content:left}.staff-page-container .form-wrapper{width:100%;background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:20px;box-sizing:border-box;max-width:1340px}.staff-page-container .form-wrapper{box-shadow:0}.staff-page-container .content{padding:15px}.staff-page-container .form-wrapper{padding:10px}.staff-page-container .page-title{font-size:20px}.staff-page-container .organization-name{font-size:15px}.staff-page-container .staff-row,.staff-page-container .staff-list,.staff-page-container .new-staff-row{flex-direction:row;align-items:flex-start}.staff-page-container .staff-row>div,.staff-page-container .staff-list>div,.staff-page-container .new-staff-row>div{width:100%!important;margin-bottom:10px}.staff-page-container .radio-group{flex-direction:row;align-items:flex-start}.staff-page-container .radio-group .ant-radio-wrapper{margin-right:0;margin-bottom:10px;width:100%}.staff-page-container .radio-group .ant-radio-wrapper{margin-right:0;margin-bottom:0;width:100%}.staff-page-container .new-staff-row>div:nth-child(1){display:flex;align-items:center;width:35%;padding-right:10px}.staff-page-container .new-staff-row>div:nth-child(2){width:65%}.staff-page-container .new-staff-row>div:nth-child(3){width:10%;display:flex;justify-content:flex-end;padding-right:15px}.staff-page-container .new-staff-row .input-staff{margin-left:10px;width:calc(100% - 30px);flex-grow:1;min-width:0}.staff-page-container .new-staff-row .select-date,.staff-page-container .new-staff-row .input-lunar-date{width:150px;max-width:90%}.staff-page-container .remove-icon{cursor:pointer;width:24px;height:24px;margin-right:-60px}.staff-mobile-row{display:flex;gap:0px;margin:0;padding:0}.staff-mobile-row:first-child{border-radius:20px 20px 0 0}.staff-mobile-row:last-child{border-radius:0 0 20px 20px}.data-rows-mobile{display:flex;flex-direction:column;gap:0px;margin-bottom:20px;border-radius:20px;padding:10px;border:2px solid #00693B;box-shadow:10px 10px 15px #00000080}.staff-mobile-col{margin:0;padding:10px}.staff-mobile-row{display:flex;flex-direction:row}.staff-mobile-col{flex:1}.simple-container{width:100%;min-width:100%;padding:0;font-family:monospace;margin:0 auto}.simple-label{display:block;color:#00693b;font-size:14px;font-weight:700;margin-bottom:5px}.simple-input{width:100%;box-sizing:border-box}}@media(max-width:768px){.staff-control{display:flex;flex-direction:column;justify-content:center;width:100%}.staff-page-container .form-content{width:100%;margin:20px}.select-dep,.select-vacation,.select-date-picker{width:150px}.select-dayoff{width:150px;max-height:32px;overflow-y:auto}.staff-data-rows-container{height:600px;overflow-y:auto;position:relative;justify-content:center;align-items:center}.staff-page-container .form-wrapper{width:100%;background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:20px;box-sizing:border-box;max-width:1340px}.staff-page-container .form-wrapper{box-shadow:0}.staff-page-container .content{padding:15px}.staff-page-container .form-wrapper{padding:10px}.staff-page-container .page-title{font-size:20px}.staff-page-container .organization-name{font-size:15px}.staff-page-container .staff-row,.staff-page-container .staff-list,.staff-page-container .new-staff-row{flex-direction:row;align-items:flex-start}.staff-page-container .staff-row>div,.staff-page-container .staff-list>div,.staff-page-container .new-staff-row>div{width:100%!important;margin-bottom:10px}.staff-page-container .radio-group{flex-direction:row;align-items:flex-start}.staff-page-container .radio-group .ant-radio-wrapper{margin-right:0;margin-bottom:10px;width:100%}.staff-page-container .radio-group .ant-radio-wrapper{margin-right:0;margin-bottom:0;width:100%}.staff-page-container .new-staff-row>div:nth-child(1){display:flex;align-items:center;width:35%;padding-right:10px}.staff-page-container .new-staff-row>div:nth-child(2){width:65%}.staff-page-container .new-staff-row>div:nth-child(3){width:10%;display:flex;justify-content:flex-end;padding-right:15px}.staff-page-container .new-staff-row .input-staff{margin-left:10px;width:calc(100% - 30px);flex-grow:1;min-width:0}.staff-page-container .new-staff-row .select-date,.staff-page-container .new-staff-row .input-lunar-date{width:150px;max-width:90%}.staff-page-container .remove-icon{cursor:pointer;width:24px;height:24px;margin-right:-60px}.staff-mobile-row{display:flex;gap:0px;margin:0;padding:0}.staff-mobile-row:first-child{border-radius:20px 20px 0 0}.staff-mobile-row:last-child{border-radius:0 0 20px 20px}.data-rows-mobile{display:flex;flex-direction:column;gap:0px;margin-bottom:20px;border-radius:20px;padding:10px;border:2px solid #00693B;box-shadow:10px 10px 15px #00000080}.staff-mobile-col{margin:0;padding:10px}.staff-mobile-row{display:flex;flex-direction:row}.staff-mobile-col{flex:1}.simple-container{width:100%;min-width:100%;padding:0;font-family:monospace;margin:0 auto}.simple-label{display:block;color:#00693b;font-size:14px;font-weight:700;margin-bottom:5px}.simple-input{width:100%;box-sizing:border-box}}@media(max-width:745px){.staff-page-container .new-staff-row .select-date{width:120px;max-width:90%}.staff-page-container .form-wrapper{box-shadow:0}.staff-page-container .new-staff-row .radio-group{width:100%;justify-content:center;flex-direction:column}}@media(max-width:620px){.staff-page-container .form-content{width:100%;margin:20px}.staff-page-container .content{padding:15px}.staff-page-container .form-wrapper{padding:10px}.staff-page-container .page-title{font-size:20px}.staff-page-container .organization-name{font-size:15px}.staff-page-container .staff-row>div:first-child,.staff-page-container .staff-list>div:first-child{width:40%;min-width:150px}.staff-page-container .staff-row>div:last-child,.staff-page-container .staff-list>div:last-child{width:60%;justify-content:flex-start}.staff-page-container .staff-row,.staff-page-container .staff-list{flex-direction:row;align-items:flex-start}.staff-page-container .new-staff-row{flex-direction:row;align-items:flex-start;display:flex}.staff-page-container .staff-row>div,.staff-page-container .staff-list>div,.staff-page-container .new-staff-row>div{width:100%!important;margin-bottom:10px}.staff-page-container .radio-group{flex-direction:row;align-items:flex-start}.staff-page-container .radio-group .ant-radio-wrapper span:last-child{display:flex;flex-direction:column;align-items:flex-start}.staff-page-container .radio-group .ant-radio-wrapper{margin-right:0;margin-bottom:10px;width:100%}.staff-page-container .radio-group .ant-radio-wrapper{margin-right:0;margin-bottom:0;width:100%}.staff-page-container .new-staff-row>div:nth-child(1){display:flex;align-items:center;width:35%;padding-right:10px}.staff-page-container .new-staff-row .input-staff{margin-left:10px;width:calc(100% - 30px);flex-grow:1;min-width:0}.staff-page-container .remove-icon{cursor:pointer;width:24px;height:24px;margin-left:50px;margin-top:5px}}@media(max-width:580px){.staff-page-container .ant-cascader{width:140px;margin-left:2px}.staff-page-container .remove-icon{position:absolute;right:1;margin-left:45px;top:50%}}@media(max-width:566px){.staff-page-container .new-staff-row .radio-group{flex-direction:column;align-items:flex-start}.staff-page-container .new-staff-row .select-date,.staff-page-container .new-staff-row .input-lunar-date{width:200px;max-width:90%}.staff-page-container .remove-icon{position:absolute;right:1;margin-right:10px;top:50%}.staff-page-container .ant-cascader{width:130px;margin-left:2px}}@media(max-width:535px){.staff-page-container .ant-cascader{width:105px;margin-left:2px}.staff-page-container .remove-icon{position:absolute;right:1;margin-left:45px;top:50%}}@media(max-width:480px){.staff-page-container .content{padding:10px}.staff-page-container .form-wrapper{padding:5px}.staff-page-container .page-title{font-size:18px}.staff-page-container .organization-name{font-size:14px}.staff-page-container .add-staff-button{width:100%;margin-bottom:15px}.staff-page-container .checkbox-label,.staff-page-container .new-staff-row .input-staff,.staff-page-container .new-staff-row .select-date,.staff-page-container .new-staff-row .input-lunar-date{font-size:13px}.staff-page-container .staff-row,.staff-page-container .staff-list{flex-direction:row;align-items:flex-start}.staff-page-container .new-staff-row{flex-direction:row;align-items:flex-start;display:flex;position:relative}.staff-page-container .staff-row>div,.staff-page-container .staff-list>div,.staff-page-container .new-staff-row>div{width:100%!important;margin-bottom:10px}.staff-page-container .radio-group{flex-direction:row;align-items:flex-start}.staff-page-container .radio-group .ant-radio-wrapper{margin-right:0;margin-bottom:10px;width:100%}.staff-page-container .radio-group .ant-radio-wrapper{margin-right:0;margin-bottom:0;width:100%}.staff-page-container .new-staff-row>div:nth-child(1){display:flex;align-items:center;width:100%;padding-right:10px}.staff-page-container .checkbox-label{font-size:14px;margin-left:8px;width:430px;white-space:pre-line;line-height:1.2}.staff-page-container .new-staff-row>div:first-child,.staff-page-container .staff-list>div:first-child{width:40%;min-width:380px;width:auto}.staff-page-container .new-staff-row .input-staff{margin-left:10px;width:calc(100% - 10px);flex-grow:1;min-width:0}.staff-page-container .new-staff-row .select-date,.staff-page-container .new-staff-row .input-lunar-date{width:200px;max-width:90%}.staff-page-container .ant-cascader{width:200px;margin-left:2px}.staff-page-container .remove-icon{position:absolute;right:1;margin-left:180px;top:50%}.staff-page-container .new-staff-row .radio-group{flex-direction:row;align-items:flex-start}.staff-page-container .radio-group .ant-radio-wrapper span:last-child{display:flex;flex-direction:column;align-items:flex-start}}.leaveAdjust-control{display:flex;flex-direction:row;justify-content:space-between;width:100%}.leaveAdjust-text-alert{display:flex;justify-content:left;align-items:center;color:red}.leaveAdjust-arrow{flex:.2;height:auto;display:flex;justify-content:center;align-items:center}.leaveAdjust-arrow-btn{cursor:pointer;transition:transform .2s ease-out}.leaveAdjust-arrow-btn:active{transform:translate(10px) scale(.95)}.leaveAdjust-card{flex:1}.leaveAdjust-card .ant-card-head{color:#00693b;padding:5px}.leaveAdjust-card .ant-card-body{color:#00693b;height:100%;margin-bottom:10px;overflow-y:auto;overflow:hidden;padding:0}.leaveAdjust-popover{color:#005230}.leaveAdjust-popover-item{flex:2}.leaveAdjust-popover-item-input{flex:.2}.leaveAdjust-body-popover{width:250px}.leaveAdjust-card-body-container{padding:10px}.leaveAdjust-card-form-header{display:flex;justify-content:center;align-items:center;margin-bottom:10px;min-height:40px}.leaveAdjust-card-name-header,.leaveAdjust-card-amount-header{flex:1}.leaveAdjust-card-adjust-header{flex:1;display:flex;align-items:center;justify-content:center}.leaveAdjust-card-form-row{display:flex;justify-content:center;align-items:center;margin-bottom:10px;min-height:40px}.leaveAdjust-card-name,.leaveAdjust-card-amount,.leaveAdjust-card-adjust{flex:1}.leaveAdjust-card-form-row :last-child{display:flex;justify-content:center;align-items:center}.inline-container{display:flex;align-items:center;gap:5px}.leaveAdjust-select .ant-select-selector{width:60px!important;box-sizing:border-box!important}.leaveAdjust-text-label{display:flex;padding:0;justify-content:center;width:100%}.leaveAdjust-page-container{display:flex;flex-direction:column;min-height:100vh;background-color:#fff;font-family:Arial,sans-serif;align-items:center;font-size:14px}.leaveAdjust-page-container .content{flex:1;display:flex;flex-direction:column;align-items:center;padding:20px;width:100%;max-width:1350px}.leaveAdjust-page-container .page-title{color:#00693b;font-size:24px;margin-bottom:20px;font-weight:700}.leaveAdjust-page-container .organization-name{color:#00693b;font-size:18px;margin-bottom:20px}.leaveAdjust-page-container .form-wrapper{width:100%;background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:20px;box-sizing:border-box;max-width:1350px;height:580px}.leaveAdjust-page-container .leaveAdjust-form-content{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;height:100%;gap:5px;justify-content:center;align-items:stretch}.leaveAdjust-header{display:flex;text-decoration:underline}.leaveAdjust-header .leaveAdjustName-col{flex:1!important}.leaveAdjust-header .leaveAdjustDate-col{flex:2!important}.data-rows .leaveAdjustName-row{flex:1!important}.data-rows .leaveAdjustDate-row{flex:2!important}.leaveAdjustDate-row{display:flex}.leaveAdjustDate-row .normal-date,.leaveAdjustDate-row .lunar-date{flex:1!important}.leaveAdjustName-row-filter{flex:1!important}.leaveAdjustDate-row-filter{flex:2!important;display:flex;justify-content:space-between;align-items:center}.leaveAdjust-page-container .checkbox-label{font-size:14px;margin-left:8px;width:200px;white-space:pre-line;line-height:1.2}.leaveAdjust-page-container .radio-group{display:flex;flex-grow:1;justify-content:flex-start;max-width:100%}.leaveAdjust-page-container .radio-group .ant-radio-wrapper{display:flex;align-items:flex-start;margin-right:20px;width:50%}.leaveAdjust-page-container .radio-group .ant-radio-wrapper .date-label{margin-left:8px}.leaveAdjust-page-container .radio-group .ant-radio-wrapper .date-value{color:#000!important;font-weight:400;margin-left:8px}.leaveAdjust-page-container .radio-group .ant-radio-wrapper span:last-child{display:flex;flex-direction:column;align-items:flex-start}.leaveAdjust-page-container .radio-group .ant-radio-wrapper span:last-child>span.date-value{color:#000!important}.leaveAdjust-page-container .add-leaveAdjust-row{margin-top:20px;margin-bottom:20px}.leaveAdjust-page-container .add-leaveAdjust-button{background-color:#00693b;border-color:#00693b;color:#fff;font-weight:600;padding:0 20px}.leaveAdjust-page-container .add-leaveAdjust-button:hover,.leaveAdjust-page-container .add-leaveAdjust-button:focus{background-color:#005230;border-color:#005230;color:#fff}.leaveAdjust-page-container .new-leaveAdjust-row{display:flex;align-items:center;justify-content:flex-start;margin-bottom:15px;width:100%}.leaveAdjust-page-container .new-leaveAdjust-row .ant-checkbox-wrapper{flex-shrink:0}.leaveAdjust-page-container .ant-cascader{width:150px;margin-left:10px}.leaveAdjust-page-container .remove-icon{cursor:pointer;width:24px;height:24px;margin-left:80px}.leaveAdjust-page-container .new-leaveAdjust-row>div:nth-child(1){display:flex;align-items:center;width:25%;padding-right:10px}.leaveAdjust-page-container .new-leaveAdjust-row .input-leaveAdjust{margin-left:10px;width:calc(100% - 30px);flex-grow:1;min-width:0}.leaveAdjust-page-container .new-leaveAdjust-row .select-date{width:200px;max-width:90%}.leaveAdjust-page-container .new-leaveAdjust-row .input-lunar-date{width:200px;max-width:75%}.leaveAdjust-page-container .new-leaveAdjust-row .radio-group{width:100%;justify-content:center}.leaveAdjust-page-container .new-leaveAdjust-row .ant-radio-wrapper{display:flex;align-items:center;margin-right:15px}.leaveAdjust-page-container .ant-input:hover,.leaveAdjust-page-container .ant-picker:hover,.leaveAdjust-page-container .ant-select:hover .ant-select-selector{border-color:#00693b!important;box-shadow:0 0 0 2px #02931a40!important}.leaveAdjust-page-container .ant-input:focus,.leaveAdjust-page-container .ant-picker:focus,.leaveAdjust-page-container .ant-select-focused .ant-select-selector{border-color:#00693b!important;box-shadow:0 0 0 2px #02931a40!important}.leaveAdjust-page-container .error-input-form,.leaveAdjust-page-container .error-input .ant-input,.leaveAdjust-page-container .error-select .ant-select-selector,.leaveAdjust-page-container .error-input .ant-picker{border-color:#ff4d4f!important;box-shadow:0 0 0 2px #ff4d4f33!important;border-radius:5px}.leaveAdjust-page-container .error-input:hover .ant-input,.leaveAdjust-page-container .error-select:hover .ant-select-selector{border-color:#ff7875!important}.leaveAdjust-page-container .error-input:focus .ant-input,.leaveAdjust-page-container .error-select.ant-select-focused .ant-select-selector{border-color:#ff7875!important;box-shadow:0 0 0 2px #ff4d4f33!important}.leaveAdjust-page-container .required-label:after{content:" *";color:#fc512f}.leaveAdjust-page-container .submit-button{background-color:#00693b;border-color:#00693b;width:100%;height:40px;font-size:16px;font-weight:600;margin-top:20px;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.leaveAdjust-page-container .submit-button-disable{background-color:#00693b;border-color:#00693b;width:100%;height:40px;font-size:16px;font-weight:600;margin-top:20px;color:#fff;border:none;border-radius:5px;cursor:not-allowed;transition:background-color .3s ease-out,transform .5s ease}.leaveAdjust-page-container .submit-button-disable:active{background-color:#fc512f;border-color:#fc512f}.leaveAdjust-page-container .submit-button-disable:hover{animation:shake .2s linear 1;background-color:#fc512f;border-color:#fc512f}.leaveAdjust-page-container .submit-button.ant-btn,.leaveAdjust-page-container .submit-button.ant-btn:hover,.leaveAdjust-page-container .submit-button.ant-btn:focus,.leaveAdjust-page-container .submit-button.ant-btn:active{background-color:#00693b!important;border-color:#00693b!important;width:100%;height:40px;font-size:16px;font-weight:600;margin-top:20px;color:#fff!important;border:none;border-radius:5px;cursor:pointer!important;transition:background-color .3s ease scale(.95)}.leaveAdjust-page-container .ant-btn-primary:not(:disabled):not(.ant-btn-disabled):hover{color:#fff;background:#166b2e}.leaveAdjust-page-container .submit-button.ant-btn:hover,.leaveAdjust-page-container .submit-button.ant-btn:focus{background-color:#166b2e!important;box-shadow:0 0 0 4px #02931a40!important}.leaveAdjust-page-container .submit-button.ant-btn *{cursor:pointer!important}.leaveAdjust-page-container .ant-radio-inner{border-color:#00693b!important;background-color:#fff!important}.leaveAdjust-page-container .ant-radio-inner:after{background-color:red}.leaveAdjust-page-container .ant-radio:hover .ant-radio-inner{border-color:#00693b!important;box-shadow:0 0 0 2px #02931a40!important}.leaveAdjust-page-container .ant-radio-checked .ant-radio-inner{background-color:#fc512f;border-color:#fc512f}.leaveAdjust-page-container .submit-button:hover,.leaveAdjust-page-container .submit-button:focus{background-color:#005230;border-color:#005230}.leaveAdjust-page-container .radio-group-horizontal{display:flex;align-items:center;justify-content:space-between;width:100%}.leaveAdjust-page-container .radio-label,.leaveAdjust-page-container .label{white-space:nowrap}.leaveAdjust-page-container .radio-buttons-horizontal{display:flex;align-items:center;flex-wrap:nowrap}.leaveAdjust-page-container .radio-buttons-horizontal .ant-radio-wrapper,.leaveAdjust-page-container .radio-group{display:flex;align-items:center;white-space:nowrap}.leaveAdjust-page-container .loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#fffc;display:flex;justify-content:center;align-items:center;z-index:1000}.leaveAdjust-page-container .half-width{width:48%;margin-right:4%}.leaveAdjust-page-container .half-width:last-child{margin-right:0}.leaveAdjust-page-container .full-width{width:100%}.leaveAdjust-page-container .full-width-large{display:flex;flex-basis:100%}.leaveAdjust-page-container .full-width-large .form-group{flex:1;margin-right:10px}.leaveAdjust-page-container .full-width-large .form-group:last-child{margin-right:0}.leaveAdjust-page-container .error-input .ant-input,.leaveAdjust-page-container .error-input .ant-select-selector{border-color:#ff4d4f!important;box-shadow:0 0 0 2px #ff4d4f33!important}.leaveAdjust-page-container .error-input:hover .ant-input,.leaveAdjust-page-container .error-input:hover .ant-select-selector{border-color:#ff7875!important}.leaveAdjust-page-container .error-input:focus .ant-input,.leaveAdjust-page-container .error-input:focus .ant-select-selector{border-color:#ff7875!important;box-shadow:0 0 0 2px #ff4d4f33!important}.leaveAdjust-page-containe .ant-select-allow-clear{margin-right:20px}@media(max-width:768px){.leaveAdjust-control{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.leaveAdjust-card-form-row{display:flex;justify-content:center;align-items:center;margin-bottom:10px;min-height:40px;border-bottom:.5px solid}.leaveAdjust-card-form-row:last-of-type{display:flex;justify-content:center;align-items:center;margin-bottom:10px;min-height:40px;border-bottom:none}.leaveAdjust-card-form-header{display:flex;justify-content:center;align-items:center;margin-bottom:10px;min-height:40px}.leaveAdjust-card-name{flex-wrap:wrap;box-sizing:border-box;word-wrap:break-word;word-break:break-word;white-space:normal;margin-right:5px;margin-bottom:5px}.leaveAdjust-card-amount{flex:1;margin-bottom:5px}.leaveAdjust-card-adjust{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;margin-bottom:5px}.leaveAdjust-select{width:60px;box-sizing:border-box}.inline-container{flex:1;display:flex;align-items:center;gap:2px;width:100%}.leaveAdjust-page-container .form-content{width:100%;margin:20px}.leaveAdjust-page-container .form-wrapper{box-shadow:0}.leaveAdjust-page-container .content{padding:15px}.leaveAdjust-page-container .form-wrapper{padding:10px}.leaveAdjust-page-container .page-title{font-size:20px}.leaveAdjust-page-container .organization-name{font-size:15px}.leaveAdjust-page-container .leaveAdjust-row,.leaveAdjust-page-container .leaveAdjust-list,.leaveAdjust-page-container .new-leaveAdjust-row{flex-direction:row;align-items:flex-start}.leaveAdjust-page-container .leaveAdjust-row>div,.leaveAdjust-page-container .leaveAdjust-list>div,.leaveAdjust-page-container .new-leaveAdjust-row>div{width:100%!important;margin-bottom:10px}.leaveAdjust-page-container .radio-group{flex-direction:row;align-items:flex-start}.leaveAdjust-page-container .radio-group .ant-radio-wrapper{margin-right:0;margin-bottom:10px;width:100%}.leaveAdjust-page-container .radio-group .ant-radio-wrapper{margin-right:0;margin-bottom:0;width:100%}.leaveAdjust-page-container .new-leaveAdjust-row>div:nth-child(1){display:flex;align-items:center;width:35%;padding-right:10px}.leaveAdjust-page-container .new-leaveAdjust-row>div:nth-child(2){width:65%}.leaveAdjust-page-container .new-leaveAdjust-row>div:nth-child(3){width:10%;display:flex;justify-content:flex-end;padding-right:15px}.leaveAdjust-page-container .new-leaveAdjust-row .input-leaveAdjust{margin-left:10px;width:calc(100% - 30px);flex-grow:1;min-width:0}.leaveAdjust-page-container .new-leaveAdjust-row .select-date,.leaveAdjust-page-container .new-leaveAdjust-row .input-lunar-date{width:150px;max-width:90%}.leaveAdjust-page-container .remove-icon{cursor:pointer;width:24px;height:24px;margin-right:-60px}}@media(max-width:745px){.leaveAdjust-page-container .new-leaveAdjust-row .select-date{width:120px;max-width:90%}.leaveAdjust-page-container .form-wrapper{box-shadow:0}.leaveAdjust-page-container .new-leaveAdjust-row .radio-group{width:100%;justify-content:center;flex-direction:column}}@media(max-width:620px){.leaveAdjust-page-container .form-content{width:100%;margin:20px}.leaveAdjust-page-container .content{padding:15px}.leaveAdjust-page-container .form-wrapper{padding:10px}.leaveAdjust-page-container .page-title{font-size:20px}.leaveAdjust-page-container .organization-name{font-size:15px}.leaveAdjust-page-container .leaveAdjust-row>div:first-child,.leaveAdjust-page-container .leaveAdjust-list>div:first-child{width:40%;min-width:150px}.leaveAdjust-page-container .leaveAdjust-row>div:last-child,.leaveAdjust-page-container .leaveAdjust-list>div:last-child{width:60%;justify-content:flex-start}.leaveAdjust-page-container .leaveAdjust-row,.leaveAdjust-page-container .leaveAdjust-list{flex-direction:row;align-items:flex-start}.leaveAdjust-page-container .new-leaveAdjust-row{flex-direction:row;align-items:flex-start;display:flex}.leaveAdjust-page-container .leaveAdjust-row>div,.leaveAdjust-page-container .leaveAdjust-list>div,.leaveAdjust-page-container .new-leaveAdjust-row>div{width:100%!important;margin-bottom:10px}.leaveAdjust-page-container .radio-group{flex-direction:row;align-items:flex-start}.leaveAdjust-page-container .radio-group .ant-radio-wrapper span:last-child{display:flex;flex-direction:column;align-items:flex-start}.leaveAdjust-page-container .radio-group .ant-radio-wrapper{margin-right:0;margin-bottom:10px;width:100%}.leaveAdjust-page-container .radio-group .ant-radio-wrapper{margin-right:0;margin-bottom:0;width:100%}.leaveAdjust-page-container .new-leaveAdjust-row>div:nth-child(1){display:flex;align-items:center;width:35%;padding-right:10px}.leaveAdjust-page-container .new-leaveAdjust-row .input-leaveAdjust{margin-left:10px;width:calc(100% - 30px);flex-grow:1;min-width:0}.leaveAdjust-page-container .remove-icon{cursor:pointer;width:24px;height:24px;margin-left:50px;margin-top:5px}}@media(max-width:580px){.leaveAdjust-page-container .ant-cascader{width:140px;margin-left:2px}.leaveAdjust-page-container .remove-icon{position:absolute;right:1;margin-left:45px;top:50%}}@media(max-width:566px){.leaveAdjust-page-container .new-leaveAdjust-row .radio-group{flex-direction:column;align-items:flex-start}.leaveAdjust-page-container .new-leaveAdjust-row .select-date,.leaveAdjust-page-container .new-leaveAdjust-row .input-lunar-date{width:200px;max-width:90%}.leaveAdjust-page-container .remove-icon{position:absolute;right:1;margin-right:10px;top:50%}.leaveAdjust-page-container .ant-cascader{width:130px;margin-left:2px}}@media(max-width:535px){.leaveAdjust-page-container .ant-cascader{width:105px;margin-left:2px}.leaveAdjust-page-container .remove-icon{position:absolute;right:1;margin-left:45px;top:50%}}@media(max-width:480px){.leaveAdjust-page-container .content{padding:10px}.leaveAdjust-page-container .form-wrapper{padding:5px}.leaveAdjust-page-container .page-title{font-size:18px}.leaveAdjust-page-container .organization-name{font-size:14px}.leaveAdjust-page-container .add-leaveAdjust-button{width:100%;margin-bottom:15px}.leaveAdjust-page-container .checkbox-label,.leaveAdjust-page-container .new-leaveAdjust-row .input-leaveAdjust,.leaveAdjust-page-container .new-leaveAdjust-row .select-date,.leaveAdjust-page-container .new-leaveAdjust-row .input-lunar-date{font-size:13px}.leaveAdjust-page-container .leaveAdjust-row,.leaveAdjust-page-container .leaveAdjust-list{flex-direction:row;align-items:flex-start}.leaveAdjust-page-container .new-leaveAdjust-row{flex-direction:row;align-items:flex-start;display:flex;position:relative}.leaveAdjust-page-container .leaveAdjust-row>div,.leaveAdjust-page-container .leaveAdjust-list>div,.leaveAdjust-page-container .new-leaveAdjust-row>div{width:100%!important;margin-bottom:10px}.leaveAdjust-page-container .radio-group{flex-direction:row;align-items:flex-start}.leaveAdjust-page-container .radio-group .ant-radio-wrapper{margin-right:0;margin-bottom:10px;width:100%}.leaveAdjust-page-container .radio-group .ant-radio-wrapper{margin-right:0;margin-bottom:0;width:100%}.leaveAdjust-page-container .new-leaveAdjust-row>div:nth-child(1){display:flex;align-items:center;width:100%;padding-right:10px}.leaveAdjust-page-container .checkbox-label{font-size:14px;margin-left:8px;width:430px;white-space:pre-line;line-height:1.2}.leaveAdjust-page-container .new-leaveAdjust-row>div:first-child,.leaveAdjust-page-container .leaveAdjust-list>div:first-child{width:40%;min-width:380px;width:auto}.leaveAdjust-page-container .new-leaveAdjust-row .input-leaveAdjust{margin-left:10px;width:calc(100% - 10px);flex-grow:1;min-width:0}.leaveAdjust-page-container .new-leaveAdjust-row .select-date,.leaveAdjust-page-container .new-leaveAdjust-row .input-lunar-date{width:200px;max-width:90%}.leaveAdjust-page-container .ant-cascader{width:200px;margin-left:2px}.leaveAdjust-page-container .remove-icon{position:absolute;right:1;margin-left:180px;top:50%}.leaveAdjust-page-container .new-leaveAdjust-row .radio-group{flex-direction:row;align-items:flex-start}.leaveAdjust-page-container .radio-group .ant-radio-wrapper span:last-child{display:flex;flex-direction:column;align-items:flex-start}}.leaveAmount-control{display:flex;flex-direction:row;justify-content:space-between;width:100%}.leaveAmount-card .ant-card-head{color:#00693b;padding:5px;box-sizing:border-box}.leaveAmount-card .ant-card-body{color:#00693b;height:100%;margin-bottom:10px;overflow-y:auto;overflow:hidden;padding:0}.leaveAmount-card-body-container{padding:10px}.card-form-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.card-form-row :last-child{display:flex;justify-content:space-between;align-items:center}.leaveAmount-page-container{display:flex;flex-direction:column;min-height:100vh;background-color:#fff;font-family:Arial,sans-serif;align-items:center;font-size:14px}.leaveAmount-page-container .content{flex:1;display:flex;flex-direction:column;align-items:center;padding:20px;width:100%;max-width:1200px}.leaveAmount-page-container .page-title{color:#00693b;font-size:24px;margin-bottom:20px;font-weight:700}.leaveAmount-page-container .organization-name{color:#00693b;font-size:18px;margin-bottom:20px}.leaveAmount-page-container .form-wrapper{width:100%;background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:20px;box-sizing:border-box;max-width:1200px;height:520px}.leaveAmount-page-container .leaveAmount-form-content{display:grid;grid-template-columns:repeat(3,1fr);justify-content:space-between;align-items:center;width:99%;max-height:600px;gap:15px;align-self:stretch;box-sizing:border-box}.leaveAmount-header{display:flex;text-decoration:underline}.leaveAmount-header .leaveAmountName-col{flex:1!important}.leaveAmount-header .leaveAmountDate-col{flex:2!important}.data-rows .leaveAmountName-row{flex:1!important}.data-rows .leaveAmountDate-row{flex:2!important}.leaveAmountDate-row{display:flex}.leaveAmountDate-row .normal-date,.leaveAmountDate-row .lunar-date{flex:1!important}.leaveAmountName-row-filter{flex:1!important}.leaveAmountDate-row-filter{flex:2!important;display:flex;justify-content:space-between;align-items:center}.leaveAmount-page-container .checkbox-label{font-size:14px;margin-left:8px;width:200px;white-space:pre-line;line-height:1.2}.leaveAmount-page-container .radio-group{display:flex;flex-grow:1;justify-content:flex-start;max-width:100%}.leaveAmount-page-container .radio-group .ant-radio-wrapper{display:flex;align-items:flex-start;margin-right:20px;width:50%}.leaveAmount-page-container .radio-group .ant-radio-wrapper .date-label{margin-left:8px}.leaveAmount-page-container .radio-group .ant-radio-wrapper .date-value{color:#000!important;font-weight:400;margin-left:8px}.leaveAmount-page-container .radio-group .ant-radio-wrapper span:last-child{display:flex;flex-direction:column;align-items:flex-start}.leaveAmount-page-container .radio-group .ant-radio-wrapper span:last-child>span.date-value{color:#000!important}.leaveAmount-page-container .add-leaveAmount-row{margin-top:20px;margin-bottom:20px}.leaveAmount-page-container .add-leaveAmount-button{background-color:#00693b;border-color:#00693b;color:#fff;font-weight:600;padding:0 20px}.leaveAmount-page-container .add-leaveAmount-button:hover,.leaveAmount-page-container .add-leaveAmount-button:focus{background-color:#005230;border-color:#005230;color:#fff}.leaveAmount-page-container .new-leaveAmount-row{display:flex;align-items:center;justify-content:flex-start;margin-bottom:15px;width:100%}.leaveAmount-page-container .new-leaveAmount-row .ant-checkbox-wrapper{flex-shrink:0}.leaveAmount-page-container .ant-cascader{width:150px;margin-left:10px}.leaveAmount-page-container .remove-icon{cursor:pointer;width:24px;height:24px;margin-left:80px}.leaveAmount-page-container .new-leaveAmount-row>div:nth-child(1){display:flex;align-items:center;width:25%;padding-right:10px}.leaveAmount-page-container .new-leaveAmount-row .input-leaveAmount{margin-left:10px;width:calc(100% - 30px);flex-grow:1;min-width:0}.leaveAmount-page-container .new-leaveAmount-row .select-date{width:200px;max-width:90%}.leaveAmount-page-container .new-leaveAmount-row .input-lunar-date{width:200px;max-width:75%}.leaveAmount-page-container .new-leaveAmount-row .radio-group{width:100%;justify-content:center}.leaveAmount-page-container .new-leaveAmount-row .ant-radio-wrapper{display:flex;align-items:center;margin-right:15px}.leaveAmount-page-container .ant-input:hover,.leaveAmount-page-container .ant-picker:hover,.leaveAmount-page-container .ant-select:hover .ant-select-selector{border-color:#00693b!important;box-shadow:0 0 0 2px #02931a40!important}.leaveAmount-page-container .ant-input:focus,.leaveAmount-page-container .ant-picker:focus,.leaveAmount-page-container .ant-select-focused .ant-select-selector{border-color:#00693b!important;box-shadow:0 0 0 2px #02931a40!important}.leaveAmount-page-container .error-input-form,.leaveAmount-page-container .error-input .ant-input,.leaveAmount-page-container .error-select .ant-select-selector,.leaveAmount-page-container .error-input .ant-picker{border-color:#ff4d4f!important;box-shadow:0 0 0 2px #ff4d4f33!important;border-radius:5px}.leaveAmount-page-container .error-input:hover .ant-input,.leaveAmount-page-container .error-select:hover .ant-select-selector{border-color:#ff7875!important}.leaveAmount-page-container .error-input:focus .ant-input,.leaveAmount-page-container .error-select.ant-select-focused .ant-select-selector{border-color:#ff7875!important;box-shadow:0 0 0 2px #ff4d4f33!important}.leaveAmount-page-container .required-label:after{content:" *";color:#fc512f}.leaveAmount-page-container .submit-button{background-color:#00693b;border-color:#00693b;width:100%;height:40px;font-size:16px;font-weight:600;margin-top:20px;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.leaveAmount-page-container .submit-button.ant-btn,.leaveAmount-page-container .submit-button.ant-btn:hover,.leaveAmount-page-container .submit-button.ant-btn:focus,.leaveAmount-page-container .submit-button.ant-btn:active{background-color:#00693b!important;border-color:#00693b!important;width:100%;height:40px;font-size:16px;font-weight:600;margin-top:20px;color:#fff!important;border:none;border-radius:5px;cursor:pointer!important;transition:background-color .3s ease}.leaveAmount-page-container .ant-btn-primary:not(:disabled):not(.ant-btn-disabled):hover{color:#fff;background:#166b2e}.leaveAmount-page-container .submit-button.ant-btn:hover,.leaveAmount-page-container .submit-button.ant-btn:focus{background-color:#166b2e!important;box-shadow:0 0 0 4px #02931a40!important}.leaveAmount-page-container .submit-button.ant-btn *{cursor:pointer!important}.leaveAmount-page-container .ant-radio-inner{border-color:#00693b!important;background-color:#fff!important}.leaveAmount-page-container .ant-radio-inner:after{background-color:red}.leaveAmount-page-container .ant-radio:hover .ant-radio-inner{border-color:#00693b!important;box-shadow:0 0 0 2px #02931a40!important}.leaveAmount-page-container .ant-radio-checked .ant-radio-inner{background-color:#fc512f;border-color:#fc512f}.leaveAmount-page-container .submit-button:hover,.leaveAmount-page-container .submit-button:focus{background-color:#005230;border-color:#005230}.leaveAmount-page-container .radio-group-horizontal{display:flex;align-items:center;justify-content:space-between;width:100%}.leaveAmount-page-container .radio-label,.leaveAmount-page-container .label{white-space:nowrap}.leaveAmount-page-container .radio-buttons-horizontal{display:flex;align-items:center;flex-wrap:nowrap}.leaveAmount-page-container .radio-buttons-horizontal .ant-radio-wrapper,.leaveAmount-page-container .radio-group{display:flex;align-items:center;white-space:nowrap}.leaveAmount-page-container .loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#fffc;display:flex;justify-content:center;align-items:center;z-index:1000}.leaveAmount-page-container .half-width{width:48%;margin-right:4%}.leaveAmount-page-container .half-width:last-child{margin-right:0}.leaveAmount-page-container .full-width{width:100%}.leaveAmount-page-container .full-width-large{display:flex;flex-basis:100%}.leaveAmount-page-container .full-width-large .form-group{flex:1;margin-right:10px}.leaveAmount-page-container .full-width-large .form-group:last-child{margin-right:0}.leaveAmount-page-container .error-input .ant-input,.leaveAmount-page-container .error-input .ant-select-selector{border-color:#ff4d4f!important;box-shadow:0 0 0 2px #ff4d4f33!important}.leaveAmount-page-container .error-input:hover .ant-input,.leaveAmount-page-container .error-input:hover .ant-select-selector{border-color:#ff7875!important}.leaveAmount-page-container .error-input:focus .ant-input,.leaveAmount-page-container .error-input:focus .ant-select-selector{border-color:#ff7875!important;box-shadow:0 0 0 2px #ff4d4f33!important}.leaveAmount-page-containe .ant-select-allow-clear{margin-right:20px}@media(max-width:1024px){.leaveAmount-page-container .content{padding:15px;width:970px}}@media(max-width:768px){.leaveAmount-control{display:flex;flex-direction:column;justify-content:center;width:100%}.leaveAmount-page-container .leaveAmount-form-content{display:grid;grid-template-columns:repeat(1,1fr);justify-content:space-between;align-items:center;width:99%;max-height:600px;gap:15px;padding:15px}.leaveAmount-page-container .form-content{width:100%;margin:20px}.leaveAmount-page-container .form-wrapper{box-shadow:0}.leaveAmount-page-container .content{max-width:100%;padding:15px}.leaveAmount-page-container .form-wrapper{padding:10px}.leaveAmount-page-container .page-title{font-size:20px}.leaveAmount-page-container .organization-name{font-size:15px}.leaveAmount-page-container .leaveAmount-row,.leaveAmount-page-container .leaveAmount-list,.leaveAmount-page-container .new-leaveAmount-row{flex-direction:row;align-items:flex-start}.leaveAmount-page-container .leaveAmount-row>div,.leaveAmount-page-container .leaveAmount-list>div,.leaveAmount-page-container .new-leaveAmount-row>div{width:100%!important;margin-bottom:10px}.leaveAmount-page-container .radio-group{flex-direction:row;align-items:flex-start}.leaveAmount-page-container .radio-group .ant-radio-wrapper{margin-right:0;margin-bottom:10px;width:100%}.leaveAmount-page-container .radio-group .ant-radio-wrapper{margin-right:0;margin-bottom:0;width:100%}.leaveAmount-page-container .new-leaveAmount-row>div:nth-child(1){display:flex;align-items:center;width:35%;padding-right:10px}.leaveAmount-page-container .new-leaveAmount-row>div:nth-child(2){width:65%}.leaveAmount-page-container .new-leaveAmount-row>div:nth-child(3){width:10%;display:flex;justify-content:flex-end;padding-right:15px}.leaveAmount-page-container .new-leaveAmount-row .input-leaveAmount{margin-left:10px;width:calc(100% - 30px);flex-grow:1;min-width:0}.leaveAmount-page-container .new-leaveAmount-row .select-date,.leaveAmount-page-container .new-leaveAmount-row .input-lunar-date{width:150px;max-width:90%}.leaveAmount-page-container .remove-icon{cursor:pointer;width:24px;height:24px;margin-right:-60px}}@media(max-width:745px){.leaveAmount-page-container .new-leaveAmount-row .select-date{width:120px;max-width:90%}.leaveAmount-page-container .form-wrapper{box-shadow:0}.leaveAmount-page-container .new-leaveAmount-row .radio-group{width:100%;justify-content:center;flex-direction:column}}@media(max-width:620px){.leaveAmount-page-container .form-content{width:100%;margin:20px}.leaveAmount-page-container .content{padding:15px}.leaveAmount-page-container .form-wrapper{padding:10px}.leaveAmount-page-container .page-title{font-size:20px}.leaveAmount-page-container .organization-name{font-size:15px}.leaveAmount-page-container .leaveAmount-row>div:first-child,.leaveAmount-page-container .leaveAmount-list>div:first-child{width:40%;min-width:150px}.leaveAmount-page-container .leaveAmount-row>div:last-child,.leaveAmount-page-container .leaveAmount-list>div:last-child{width:60%;justify-content:flex-start}.leaveAmount-page-container .leaveAmount-row,.leaveAmount-page-container .leaveAmount-list{flex-direction:row;align-items:flex-start}.leaveAmount-page-container .new-leaveAmount-row{flex-direction:row;align-items:flex-start;display:flex}.leaveAmount-page-container .leaveAmount-row>div,.leaveAmount-page-container .leaveAmount-list>div,.leaveAmount-page-container .new-leaveAmount-row>div{width:100%!important;margin-bottom:10px}.leaveAmount-page-container .radio-group{flex-direction:row;align-items:flex-start}.leaveAmount-page-container .radio-group .ant-radio-wrapper span:last-child{display:flex;flex-direction:column;align-items:flex-start}.leaveAmount-page-container .radio-group .ant-radio-wrapper{margin-right:0;margin-bottom:10px;width:100%}.leaveAmount-page-container .radio-group .ant-radio-wrapper{margin-right:0;margin-bottom:0;width:100%}.leaveAmount-page-container .new-leaveAmount-row>div:nth-child(1){display:flex;align-items:center;width:35%;padding-right:10px}.leaveAmount-page-container .new-leaveAmount-row .input-leaveAmount{margin-left:10px;width:calc(100% - 30px);flex-grow:1;min-width:0}.leaveAmount-page-container .remove-icon{cursor:pointer;width:24px;height:24px;margin-left:50px;margin-top:5px}}@media(max-width:580px){.leaveAmount-page-container .ant-cascader{width:140px;margin-left:2px}.leaveAmount-page-container .remove-icon{position:absolute;right:1;margin-left:45px;top:50%}}@media(max-width:566px){.leaveAmount-page-container .new-leaveAmount-row .radio-group{flex-direction:column;align-items:flex-start}.leaveAmount-page-container .new-leaveAmount-row .select-date,.leaveAmount-page-container .new-leaveAmount-row .input-lunar-date{width:200px;max-width:90%}.leaveAmount-page-container .remove-icon{position:absolute;right:1;margin-right:10px;top:50%}.leaveAmount-page-container .ant-cascader{width:130px;margin-left:2px}}@media(max-width:535px){.leaveAmount-page-container .ant-cascader{width:105px;margin-left:2px}.leaveAmount-page-container .remove-icon{position:absolute;right:1;margin-left:45px;top:50%}}@media(max-width:480px){.leaveAmount-page-container .content{padding:10px}.leaveAmount-page-container .form-wrapper{padding:5px}.leaveAmount-page-container .page-title{font-size:18px}.leaveAmount-page-container .organization-name{font-size:14px}.leaveAmount-page-container .add-leaveAmount-button{width:100%;margin-bottom:15px}.leaveAmount-page-container .checkbox-label,.leaveAmount-page-container .new-leaveAmount-row .input-leaveAmount,.leaveAmount-page-container .new-leaveAmount-row .select-date,.leaveAmount-page-container .new-leaveAmount-row .input-lunar-date{font-size:13px}.leaveAmount-page-container .leaveAmount-row,.leaveAmount-page-container .leaveAmount-list{flex-direction:row;align-items:flex-start}.leaveAmount-page-container .new-leaveAmount-row{flex-direction:row;align-items:flex-start;display:flex;position:relative}.leaveAmount-page-container .leaveAmount-row>div,.leaveAmount-page-container .leaveAmount-list>div,.leaveAmount-page-container .new-leaveAmount-row>div{width:100%!important;margin-bottom:10px}.leaveAmount-page-container .radio-group{flex-direction:row;align-items:flex-start}.leaveAmount-page-container .radio-group .ant-radio-wrapper{margin-right:0;margin-bottom:10px;width:100%}.leaveAmount-page-container .radio-group .ant-radio-wrapper{margin-right:0;margin-bottom:0;width:100%}.leaveAmount-page-container .new-leaveAmount-row>div:nth-child(1){display:flex;align-items:center;width:100%;padding-right:10px}.leaveAmount-page-container .checkbox-label{font-size:14px;margin-left:8px;width:430px;white-space:pre-line;line-height:1.2}.leaveAmount-page-container .new-leaveAmount-row>div:first-child,.leaveAmount-page-container .leaveAmount-list>div:first-child{width:40%;min-width:380px;width:auto}.leaveAmount-page-container .new-leaveAmount-row .input-leaveAmount{margin-left:10px;width:calc(100% - 10px);flex-grow:1;min-width:0}.leaveAmount-page-container .new-leaveAmount-row .select-date,.leaveAmount-page-container .new-leaveAmount-row .input-lunar-date{width:200px;max-width:90%}.leaveAmount-page-container .ant-cascader{width:200px;margin-left:2px}.leaveAmount-page-container .remove-icon{position:absolute;right:1;margin-left:180px;top:50%}.leaveAmount-page-container .new-leaveAmount-row .radio-group{flex-direction:row;align-items:flex-start}.leaveAmount-page-container .radio-group .ant-radio-wrapper span:last-child{display:flex;flex-direction:column;align-items:flex-start}}.comulative-control{display:flex;flex-direction:row;justify-content:space-between;width:100%}.status{display:inline-block;width:14px;height:14px;border-radius:50%;margin-right:8px}.online{background-color:#90ee90}.offline{background-color:red}.status-text{font-size:16px}.comulative-arrow{flex:.2;height:auto;display:flex;justify-content:center;align-items:center}.comulative-arrow-btn{cursor:pointer;transition:transform .2s ease-out}.comulative-arrow-btn:active{transform:translate(10px) scale(.95)}.PerfectScrollbar-card-body{height:100%}.comulative-card{flex:1}.comulative-card .ant-card-head{color:#00693b;padding:5px}.comulative-card .ant-card-body{color:#00693b;height:100%;margin-bottom:10px;overflow-y:auto;overflow:hidden;padding:0}.comulative-card-body-container{padding:10px}.comulative-card-form-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;min-height:40px}.comulative-card-form-row:last-child{display:flex;justify-content:space-between;align-items:center}.comulative-popover{color:#005230}.comulative-popover-item{flex:2}.comulative-popover-item-input{flex:.2}.comulative-body-popover{width:350px}.custom-input-number{width:80px;height:30px;border:1px solid #00693B;color:#005230;border-radius:6px;font-size:14px;box-shadow:none;outline:none;transition:border-color .3s;text-align:center}.custom-input-number.max-reached{color:red}.custom-input-number:focus{border-color:#00693b;box-shadow:0 0 5px #166b2e}.custom-input-number:disabled{background-color:#f5f5f5;border-color:#d9d9d9;cursor:not-allowed}.comulative-page-container{display:flex;flex-direction:column;min-height:100vh;background-color:#fff;font-family:Arial,sans-serif;align-items:center;font-size:14px}.comulative-page-container .content{flex:1;display:flex;flex-direction:column;align-items:center;padding:20px;width:100%;max-width:1350px}.comulative-page-container .page-title{color:#00693b;font-size:24px;margin-bottom:20px;font-weight:700}.comulative-page-container .organization-name{color:#00693b;font-size:18px;margin-bottom:20px}.comulative-page-container .form-wrapper{width:100%;background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:20px;box-sizing:border-box;max-width:1350px;height:580px}.comulative-page-container .comulative-form-content{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;height:100%;gap:5px;justify-content:center;align-items:stretch;overflow-x:auto;overflow-y:hidden}.comulative-header{display:flex;text-decoration:underline}.comulative-header .comulativeName-col{flex:1!important}.comulative-header .comulativeDate-col{flex:2!important}.data-rows .comulativeName-row{flex:1!important}.data-rows .comulativeDate-row{flex:2!important}.comulativeDate-row{display:flex}.comulativeDate-row .normal-date,.comulativeDate-row .lunar-date{flex:1!important}.comulativeName-row-filter{flex:1!important}.comulativeDate-row-filter{flex:2!important;display:flex;justify-content:space-between;align-items:center}.comulative-page-container .checkbox-label{font-size:14px;margin-left:8px;width:200px;white-space:pre-line;line-height:1.2}.comulative-page-container .required-label:after{content:" *";color:#fc512f}.comulative-page-container .label{white-space:nowrap}.comulative-page-container .radio-group{display:flex;flex-grow:1;justify-content:flex-start;max-width:100%}.comulative-page-container .radio-group .ant-radio-wrapper{display:flex;align-items:flex-start;margin-right:20px;width:50%}.comulative-page-container .radio-group .ant-radio-wrapper .date-label{margin-left:8px}.comulative-page-container .radio-group .ant-radio-wrapper .date-value{color:#000!important;font-weight:400;margin-left:8px}.comulative-page-container .radio-group .ant-radio-wrapper span:last-child{display:flex;flex-direction:column;align-items:flex-start}.comulative-page-container .radio-group .ant-radio-wrapper span:last-child>span.date-value{color:#000!important}.comulative-page-container .radio-group-horizontal{display:flex;align-items:center;justify-content:space-between;width:100%}.comulative-page-container .radio-label{white-space:nowrap}.comulative-page-container .radio-buttons-horizontal{display:flex;align-items:center;flex-wrap:nowrap}.comulative-page-container .radio-buttons-horizontal .ant-radio-wrapper,.comulative-page-container .radio-group{display:flex;align-items:center;white-space:nowrap}.comulative-page-container .add-comulative-row{margin-top:20px;margin-bottom:20px}.comulative-page-container .add-comulative-button{background-color:#00693b;border-color:#00693b;color:#fff;font-weight:600;padding:0 20px}.comulative-page-container .add-comulative-button:hover,.comulative-page-container .add-comulative-button:focus{background-color:#005230;border-color:#005230;color:#fff}.comulative-page-container .submit-button{background-color:#00693b;border-color:#00693b;width:100%;height:40px;font-size:16px;font-weight:600;margin-top:20px;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.comulative-page-container .submit-button-disable{background-color:#00693b;border-color:#00693b;width:100%;height:40px;font-size:16px;font-weight:600;margin-top:20px;color:#fff;border:none;border-radius:5px;cursor:not-allowed;transition:background-color .3s ease-out,transform .5s ease}.comulative-page-container .submit-button-disable:active{background-color:#fc512f;border-color:#fc512f}.comulative-page-container .submit-button-disable:hover{animation:shake .2s linear 1;background-color:#fc512f;border-color:#fc512f}@keyframes shake{0%{rotate:0deg}33%{rotate:.15deg}66%{rotate:-.15deg}to{rotate:.15deg}}.comulative-page-container .submit-button.ant-btn,.comulative-page-container .submit-button.ant-btn:hover,.comulative-page-container .submit-button.ant-btn:focus,.comulative-page-container .submit-button.ant-btn:active{background-color:#00693b!important;border-color:#00693b!important;width:100%;height:40px;font-size:16px;font-weight:600;margin-top:20px;color:#fff!important;border:none;border-radius:5px;cursor:pointer!important;transition:background-color .3s ease scale(.95)}.comulative-page-container .ant-btn-primary:not(:disabled):not(.ant-btn-disabled):hover{color:#fff;background:#166b2e}.comulative-page-container .submit-button.ant-btn:hover,.comulative-page-container .submit-button.ant-btn:focus{background-color:#166b2e!important;box-shadow:0 0 0 4px #02931a40!important}.comulative-page-container .submit-button.ant-btn *{cursor:pointer!important}.comulative-page-container .submit-button:hover,.comulative-page-container .submit-button:focus{background-color:#005230;border-color:#005230}.comulative-page-container .new-comulative-row{display:flex;align-items:center;justify-content:flex-start;margin-bottom:15px;width:100%}.comulative-page-container .new-comulative-row .ant-checkbox-wrapper{flex-shrink:0}.comulative-page-container .ant-cascader{width:150px;margin-left:10px}.comulative-page-container .remove-icon{cursor:pointer;width:24px;height:24px;margin-left:80px}.comulative-page-container .new-comulative-row>div:nth-child(1){display:flex;align-items:center;width:25%;padding-right:10px}.comulative-page-container .new-comulative-row .input-comulative{margin-left:10px;width:calc(100% - 30px);flex-grow:1;min-width:0}.comulative-page-container .new-comulative-row .select-date{width:200px;max-width:90%}.comulative-page-container .new-comulative-row .input-lunar-date{width:200px;max-width:75%}.comulative-page-container .new-comulative-row .radio-group{width:100%;justify-content:center}.comulative-page-container .new-comulative-row .ant-radio-wrapper{display:flex;align-items:center;margin-right:15px}.comulative-page-container .ant-input:hover,.comulative-page-container .ant-picker:hover,.comulative-page-container .ant-select:hover .ant-select-selector{border-color:#00693b!important;box-shadow:0 0 0 2px #02931a40!important}.comulative-page-container .ant-input:focus,.comulative-page-container .ant-picker:focus,.comulative-page-container .ant-select-focused .ant-select-selector{border-color:#00693b!important;box-shadow:0 0 0 2px #02931a40!important}.comulative-page-container .error-input-form,.comulative-page-container .error-input .ant-input,.comulative-page-container .error-select .ant-select-selector,.comulative-page-container .error-input .ant-picker{border-color:#ff4d4f!important;box-shadow:0 0 0 2px #ff4d4f33!important;border-radius:5px}.comulative-page-container .error-input:hover .ant-input,.comulative-page-container .error-select:hover .ant-select-selector{border-color:#ff7875!important}.comulative-page-container .error-input:focus .ant-input,.comulative-page-container .error-select.ant-select-focused .ant-select-selector{border-color:#ff7875!important;box-shadow:0 0 0 2px #ff4d4f33!important}.comulative-page-container .error-input .ant-input,.comulative-page-container .error-input .ant-select-selector{border-color:#ff4d4f!important;box-shadow:0 0 0 2px #ff4d4f33!important}.comulative-page-container .error-input:hover .ant-input,.comulative-page-container .error-input:hover .ant-select-selector{border-color:#ff7875!important}.comulative-page-container .error-input:focus .ant-input,.comulative-page-container .error-input:focus .ant-select-selector{border-color:#ff7875!important;box-shadow:0 0 0 2px #ff4d4f33!important}.comulative-page-container .ant-radio-inner{border-color:#00693b!important;background-color:#fff!important}.comulative-page-container .ant-radio-inner:after{background-color:red}.comulative-page-container .ant-radio:hover .ant-radio-inner{border-color:#00693b!important;box-shadow:0 0 0 2px #02931a40!important}.comulative-page-container .ant-radio-checked .ant-radio-inner{background-color:#fc512f;border-color:#fc512f}.comulative-page-container .loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#fffc;display:flex;justify-content:center;align-items:center;z-index:1000}.comulative-page-container .half-width{width:48%;margin-right:4%}.comulative-page-container .half-width:last-child{margin-right:0}.comulative-page-container .full-width{width:100%}.comulative-page-container .full-width-large{display:flex;flex-basis:100%}.comulative-page-container .full-width-large .form-group{flex:1;margin-right:10px}.comulative-page-container .full-width-large .form-group:last-child{margin-right:0}.comulative-page-container .ant-select-allow-clear{margin-right:20px}.accordion-container{width:100%;height:450px;min-height:0;border-radius:12px;background-color:transparent;margin-top:15px}input[type=checkbox]{display:none}.faq-drawer__title{cursor:pointer;display:block;padding:0;margin:0}.faq-drawer__title:hover{background-color:#f8f8f8}.faq-title-bar{display:flex;justify-content:space-between;align-items:center;height:50px;padding:0 12px;box-sizing:border-box;font-size:1.1em;font-weight:600;color:#215c37;gap:8px}.faq-title{font-weight:700;color:#215c37}.faq-remaining{width:140px;text-align:left;color:#555;font-size:.95em;margin-left:auto}.faq-arrow{width:10px;height:10px;border-right:2px solid #215c37;border-bottom:2px solid #215c37;transform:rotate(45deg);transition:transform .3s ease-in-out}.faq-drawer__trigger:checked+.faq-drawer__title .faq-arrow{transform:rotate(-135deg)}.faq-drawer__content-wrapper{font-size:1em;line-height:1.5em;max-height:0;overflow:hidden;padding:0 16px;transition:max-height .4s ease,padding .4s ease}.faq-drawer__trigger:checked+.faq-drawer__title+.faq-drawer__content-wrapper{max-height:500px;padding:8px 16px 12px;box-shadow:inset 0 6px 12px #0000000a}.faq-drawer__content{padding:0}.leave-balance-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px}.leave-label{font-size:.95em;color:#333;flex:1;min-width:180px}.icon{display:flex;align-items:center;color:#666;margin-right:8px}.leave-inputs{display:flex;gap:5px;flex-wrap:wrap}.leave-inputs label{display:flex;align-items:center;gap:5px;font-size:.95em;color:#333}.editable-field{max-width:100%;min-width:80px;box-sizing:border-box;padding:6px 8px;font-size:.95em;border-radius:4px;background-color:#fff}input[disabled],.editable-field[disabled]{background-color:#f5f5f5;color:#999;cursor:not-allowed}.panel-title{font-size:16px;font-weight:700;color:#2f855a;margin-bottom:12px;margin-right:12px}@media(max-width:1024px){.comulative-edit-row{display:flex;flex-direction:column;align-items:flex-end}}@media(max-width:768px){.comulative-page-container .comulative-form-content{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;height:100%;gap:5px;justify-content:flex-start;align-items:center;overflow-y:auto}.comulative-page-container .comulative-form-content>div{flex:1 1 200px;max-width:100%}.comulative-card-form-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;margin-bottom:20px;min-height:40px;border-bottom:1px solid #e0e0e0}.comulative-card-form-row:last-of-type{border-bottom:none}.comulative-edit-row{display:flex;flex-direction:column;align-items:flex-end}.comulative-arrow{flex:1;width:100%;display:flex;justify-content:center;align-items:center;transform:rotate(90deg)}.comulative-arrow-btn{cursor:pointer;transition:transform .2s ease-out}.comulative-arrow-btn:active{transform:translate(10px) scale(.95)}.comulative-control{display:flex;flex-direction:row;justify-content:center;width:100%}.comulative-page-container .form-content{width:100%;margin:20px}.comulative-page-container .form-wrapper{box-shadow:0}.comulative-page-container .content{padding:15px}.comulative-page-container .form-wrapper{padding:10px}.comulative-page-container .page-title{font-size:20px}.comulative-page-container .organization-name{font-size:15px}.comulative-page-container .comulative-row,.comulative-page-container .comulative-list,.comulative-page-container .new-comulative-row{flex-direction:row;align-items:flex-start}.comulative-page-container .comulative-row>div,.comulative-page-container .comulative-list>div,.comulative-page-container .new-comulative-row>div{width:100%!important;margin-bottom:10px}.comulative-page-container .radio-group{flex-direction:row;align-items:flex-start}.comulative-page-container .radio-group .ant-radio-wrapper{margin-right:0;margin-bottom:10px;width:100%}.comulative-page-container .radio-group .ant-radio-wrapper{margin-right:0;margin-bottom:0;width:100%}.comulative-page-container .new-comulative-row>div:nth-child(1){display:flex;align-items:center;width:35%;padding-right:10px}.comulative-page-container .new-comulative-row>div:nth-child(2){width:65%}.comulative-page-container .new-comulative-row>div:nth-child(3){width:10%;display:flex;justify-content:flex-end;padding-right:15px}.comulative-page-container .new-comulative-row .input-comulative{margin-left:10px;width:calc(100% - 30px);flex-grow:1;min-width:0}.comulative-page-container .new-comulative-row .select-date,.comulative-page-container .new-comulative-row .input-lunar-date{width:150px;max-width:90%}.comulative-page-container .remove-icon{cursor:pointer;width:24px;height:24px;margin-right:-60px}.accordion-container{padding:12px}.faq-title-bar{font-size:1em;padding:0 12px}.leave-balance-row{flex-direction:column;align-items:flex-start}.leave-inputs{flex-direction:row;justify-content:flex-start;width:100%}.editable-field{width:100px}}@media(max-width:745px){.comulative-page-container .new-comulative-row .select-date{width:120px;max-width:90%}.comulative-page-container .form-wrapper{box-shadow:0}.comulative-page-container .new-comulative-row .radio-group{width:100%;justify-content:center;flex-direction:column}}@media(max-width:620px){.comulative-page-container .form-content{width:100%;margin:20px}.comulative-page-container .content{padding:15px}.comulative-page-container .form-wrapper{padding:10px}.comulative-page-container .page-title{font-size:20px}.comulative-page-container .organization-name{font-size:15px}.comulative-page-container .comulative-row>div:first-child,.comulative-page-container .comulative-list>div:first-child{width:40%;min-width:150px}.comulative-page-container .comulative-row>div:last-child,.comulative-page-container .comulative-list>div:last-child{width:60%;justify-content:flex-start}.comulative-page-container .comulative-row,.comulative-page-container .comulative-list{flex-direction:row;align-items:flex-start}.comulative-page-container .new-comulative-row{flex-direction:row;align-items:flex-start;display:flex}.comulative-page-container .comulative-row>div,.comulative-page-container .comulative-list>div,.comulative-page-container .new-comulative-row>div{width:100%!important;margin-bottom:10px}.comulative-page-container .radio-group{flex-direction:row;align-items:flex-start}.comulative-page-container .radio-group .ant-radio-wrapper span:last-child{display:flex;flex-direction:column;align-items:flex-start}.comulative-page-container .radio-group .ant-radio-wrapper{margin-right:0;margin-bottom:10px;width:100%}.comulative-page-container .radio-group .ant-radio-wrapper{margin-right:0;margin-bottom:0;width:100%}.comulative-page-container .new-comulative-row>div:nth-child(1){display:flex;align-items:center;width:35%;padding-right:10px}.comulative-page-container .new-comulative-row .input-comulative{margin-left:10px;width:calc(100% - 30px);flex-grow:1;min-width:0}.comulative-page-container .remove-icon{cursor:pointer;width:24px;height:24px;margin-left:50px;margin-top:5px}}@media(max-width:580px){.comulative-page-container .ant-cascader{width:140px;margin-left:2px}.comulative-page-container .remove-icon{position:absolute;right:1;margin-left:45px;top:50%}}@media(max-width:566px){.comulative-page-container .new-comulative-row .radio-group{flex-direction:column;align-items:flex-start}.comulative-page-container .new-comulative-row .select-date,.comulative-page-container .new-comulative-row .input-lunar-date{width:200px;max-width:90%}.comulative-page-container .remove-icon{position:absolute;right:1;margin-right:10px;top:50%}.comulative-page-container .ant-cascader{width:130px;margin-left:2px}}@media(max-width:535px){.comulative-page-container .ant-cascader{width:105px;margin-left:2px}.comulative-page-container .remove-icon{position:absolute;right:1;margin-left:45px;top:50%}}@media(max-width:480px){.comulative-page-container .content{padding:10px}.comulative-page-container .form-wrapper{padding:5px}.comulative-page-container .page-title{font-size:18px}.comulative-page-container .organization-name{font-size:14px}.comulative-page-container .add-comulative-button{width:100%;margin-bottom:15px}.comulative-page-container .checkbox-label,.comulative-page-container .new-comulative-row .input-comulative,.comulative-page-container .new-comulative-row .select-date,.comulative-page-container .new-comulative-row .input-lunar-date{font-size:13px}.comulative-page-container .comulative-row,.comulative-page-container .comulative-list{flex-direction:row;align-items:flex-start}.comulative-page-container .new-comulative-row{flex-direction:row;align-items:flex-start;display:flex;position:relative}.comulative-page-container .comulative-row>div,.comulative-page-container .comulative-list>div,.comulative-page-container .new-comulative-row>div{width:100%!important;margin-bottom:10px}.comulative-page-container .radio-group{flex-direction:row;align-items:flex-start}.comulative-page-container .radio-group .ant-radio-wrapper{margin-right:0;margin-bottom:10px;width:100%}.comulative-page-container .radio-group .ant-radio-wrapper{margin-right:0;margin-bottom:0;width:100%}.comulative-page-container .new-comulative-row>div:nth-child(1){display:flex;align-items:center;width:100%;padding-right:10px}.comulative-page-container .checkbox-label{font-size:14px;margin-left:8px;width:430px;white-space:pre-line;line-height:1.2}.comulative-page-container .new-comulative-row>div:first-child,.comulative-page-container .comulative-list>div:first-child{width:40%;min-width:380px;width:auto}.comulative-page-container .new-comulative-row .input-comulative{margin-left:10px;width:calc(100% - 10px);flex-grow:1;min-width:0}.comulative-page-container .new-comulative-row .select-date,.comulative-page-container .new-comulative-row .input-lunar-date{width:200px;max-width:90%}.comulative-page-container .ant-cascader{width:200px;margin-left:2px}.comulative-page-container .remove-icon{position:absolute;right:1;margin-left:180px;top:50%}.comulative-page-container .new-comulative-row .radio-group{flex-direction:row;align-items:flex-start}.comulative-page-container .radio-group .ant-radio-wrapper span:last-child{display:flex;flex-direction:column;align-items:flex-start}}.content-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;width:1500px;gap:30px}.container{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;position:relative;width:1500px;gap:30px}.button-row{border:1px solid red;width:100%;margin:0}.organization-container{width:100%;height:550px}.manager-wrapper-left{display:flex;flex-direction:column;width:35%;height:100%}.add-dep-btn{background-color:#00693b;border-color:#00693b;width:100%;min-height:40px;max-height:40px;font-size:16px;font-weight:600;margin-top:0!important;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;z-index:30}.add-dep-btn:active{transform:scale(.95)}.close-btn{position:fixed;top:10px;right:10px;cursor:pointer;font-size:20px;font-weight:400}.manager-wrapper-right{display:flex;flex-direction:column;justify-content:stretch;width:35%;gap:50px}.hr-manager-container,.general-manager-container{width:100%;background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;box-sizing:border-box;transition:opacity .5s ease,visibility .5s ease;padding:20px;flex-grow:1;display:flex;flex-direction:column;gap:10px}.department-manager-container{position:relative;width:100%;height:100%;background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:20px;box-sizing:border-box;transition:opacity .5s ease,visibility .5s ease;flex-grow:1;display:flex;flex-direction:column;gap:5px}.department-manager-container .dep-form-body{height:400px;overflow-y:auto}.department-manager-container .dep-row-container{margin-bottom:8px;justify-content:center;position:relative}.department-manager-container .dep-row{display:flex;justify-content:space-between;height:45px;border-radius:6px;box-shadow:0 5px 10px #0000001a;padding-left:15px;border:1px solid #d7d7d7;position:relative;z-index:1}.department-manager-container .dep-row:hover{cursor:pointer;box-shadow:0 2px 4px var(--secondary-color)}.dep-row-data{display:flex;justify-content:left;align-items:center}.dep-btn-group{height:100%;display:flex;justify-content:center;align-items:center;flex-direction:row;overflow:hidden}.dep-btn-group .check-head-dep,.dep-btn-group .pop-delete{padding:2px;display:flex;justify-content:center;align-items:center;flex:1;height:100%;overflow:hidden}.department-manager-container .dep-row.unable:hover{cursor:not-allowed}.department-manager-container .dep-row-edit{max-height:0;opacity:0;transform:translateY(-10px);overflow:hidden;transition:max-height .5s ease,opacity .5s ease,transform .5s ease;padding-right:20px;padding-left:20px;margin-left:10px;margin-right:10px;margin-bottom:10px;background-color:#fff;box-shadow:0 2px 10px #0000001a;position:relative;z-index:0}.department-manager-container .dep-row-edit.active{max-height:1000px;opacity:1;transform:translateY(0);padding:20px;border-radius:0 0 10px 10px}.department-manager-container .dep-row-add{max-height:0;opacity:0;transform:translateY(10px);transform-origin:bottom;overflow:hidden;transition:max-height .5s ease,opacity .5s ease,transform .5s ease;position:absolute;left:25px;right:25px;bottom:60px;border-radius:10px 10px 0 0;padding:15px;background-color:#fff;box-shadow:0 2px 10px #00000080;z-index:20}.department-manager-container .dep-row-add.active{max-height:1000px;opacity:1;transform:translateY(0)}.hr-manager-container.show,.department-manager-container.show,.general-manager-container{opacity:1;visibility:visible}.organization-page-container .form-row{width:100%;display:flex;gap:8px;justify-content:space-between;align-items:center}.modal-title{font-size:24px;font-weight:700;color:#000}.manager-table-conatainer{margin-bottom:15px}.manager-input-group{display:flex;gap:15px;justify-content:center;padding:30px;margin-bottom:15px}.manager-input-label{border-radius:10px;position:absolute;top:-30px;left:5px;background-color:#fff;padding:0 5px;font-size:16px;color:gray;z-index:1}.manager-input-box{width:100%;padding:8px;border:2px solid gray;position:relative;z-index:0}.manager-input-wrapper{position:relative;display:flex;justify-content:center;align-items:center;flex:1}.Add-manager-btn{font-size:16px;background-color:var(--primary-color);color:#fff;padding:30px}.Add-manager-btn:hover{cursor:pointer;border:1px solid var(--secondary-color)}.custom-checkbox .ant-checkbox-checked .ant-checkbox-inner{background-color:#4caf50;border-color:#4caf50}.custom-checkbox .ant-checkbox-checked:after{border-color:#fff}.organization-page-container{display:flex;flex-direction:column;min-height:100vh;background-color:#fff;font-family:Arial,sans-serif;align-items:center;font-size:14px}.organization-page-container .content{flex:1;display:flex;flex-direction:column;align-items:center;padding:20px;width:100%;max-width:1500px;color:#00693b}.organization-page-container .page-title{color:#00693b;font-size:24px;margin-bottom:20px;font-weight:700}.organization-page-container .organization-name{color:#00693b;font-size:18px;margin-bottom:20px}.organization-page-container .form-wrapper{display:flex;flex-direction:column;width:45%;background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:20px;box-sizing:border-box;max-width:1000px;z-index:1}.organization-page-container .organization-form{width:100%;display:flex;flex-direction:column;align-items:flex-start;flex-grow:1}.organization-page-container .form-content{width:100%}.organization-header{display:flex;text-decoration:underline}.organization-header .organizationName-col{flex:1!important}.organization-header .organizationDate-col{flex:2!important}.data-rows-container{height:300px;overflow-y:auto}.data-rows{display:flex;margin-bottom:5px}.data-rows .organizationName-row{flex:1!important}.data-rows .organizationDate-row{flex:2!important}.organizationDate-row{display:flex}.organizationDate-row .normal-date,.organizationDate-row .lunar-date{flex:1!important}.data-rows-container-filter{max-height:300px;overflow-y:auto}.data-rows-filter{display:flex;margin-bottom:5px}.organizationName-row-filter{flex:1!important}.organizationDate-row-filter{flex:2!important;display:flex;justify-content:space-between;align-items:center}.radio-date,.input-date{flex:1}.organization-page-container .checkbox-label{font-size:14px;margin-left:8px;width:200px;white-space:pre-line;line-height:1.2}.organization-page-container .radio-group{display:flex;flex-grow:1;justify-content:flex-start;max-width:100%}.organization-page-container .radio-group .ant-radio-wrapper{display:flex;align-items:flex-start;margin-right:20px;width:50%}.organization-page-container .radio-group .ant-radio-wrapper .date-label{margin-left:8px}.organization-page-container .radio-group .ant-radio-wrapper .date-value{color:#000!important;font-weight:400;margin-left:8px}.organization-page-container .radio-group .ant-radio-wrapper span:last-child{display:flex;flex-direction:column;align-items:flex-start}.organization-page-container .radio-group .ant-radio-wrapper span:last-child>span.date-value{color:#000!important}.organization-page-container .add-organization-row{margin-top:20px;margin-bottom:20px}.organization-page-container .add-organization-button{background-color:#00693b;border-color:#00693b;color:#fff;font-weight:600;padding:0 20px}.organization-page-container .add-organization-button:hover,.organization-page-container .add-organization-button:focus{background-color:#005230;border-color:#005230;color:#fff}.organization-page-container .new-organization-row{display:flex;align-items:center;justify-content:flex-start;margin-bottom:15px;width:100%}.organization-page-container .new-organization-row .ant-checkbox-wrapper{flex-shrink:0}.organization-page-container .ant-cascader{width:150px;margin-left:10px}.organization-page-container .remove-icon{cursor:pointer;width:24px;height:24px;margin-left:80px}.organization-page-container .new-organization-row>div:nth-child(1){display:flex;align-items:center;width:25%;padding-right:10px}.organization-page-container .new-organization-row .input-organization{margin-left:10px;width:calc(100% - 30px);flex-grow:1;min-width:0}.organization-page-container .new-organization-row .select-date{width:200px;max-width:90%}.organization-page-container .new-organization-row .input-lunar-date{width:200px;max-width:75%}.organization-page-container .new-organization-row .radio-group{width:100%;justify-content:center}.ant-select-selection-placeholder{flex-wrap:nowrap}.organization-page-container .new-organization-row .ant-radio-wrapper{display:flex;align-items:center;margin-right:15px}.organization-page-container .ant-input-textarea{background:#fff;border-width:1px;border-style:solid;border-color:#d9d9d9;border-radius:6px;color:#00693b;padding:5px}.organization-page-container .ant-input-textarea:focus{border-color:#00693b!important;box-shadow:0 0 0 2px #02931a40!important}.organization-page-container .ant-input-textarea:hover{border-color:#00693b!important;box-shadow:0 0 0 2px #02931a40!important}.organization-page-container .ant-input-textarea::selection{border-color:#00693b!important;box-shadow:0 0 0 2px #02931a40!important}.organization-page-container .ant-input-textarea::-moz-selection{border-color:#00693b!important;box-shadow:0 0 0 2px #02931a40!important}.organization-page-container .ant-input:hover,.organization-page-container .ant-picker:hover,.organization-page-container .ant-select:hover .ant-select-selector{border-color:#00693b!important;box-shadow:0 0 0 2px #02931a40!important}.organization-page-container .ant-input:focus,.organization-page-container .ant-picker:focus,.organization-page-container .ant-select-focused .ant-select-selector{border-color:#00693b!important;box-shadow:0 0 0 2px #02931a40!important}.organization-page-container .error-input-form,.organization-page-container .error-input .ant-input,.organization-page-container .error-select .ant-select-selector,.organization-page-container .error-input .ant-picker{border-color:#ff4d4f!important;box-shadow:0 0 0 2px #ff4d4f33!important;border-radius:5px}.organization-page-container .error-input:hover .ant-input,.organization-page-container .error-select:hover .ant-select-selector{border-color:#ff7875!important}.organization-page-container .error-input:focus .ant-input,.organization-page-container .error-select.ant-select-focused .ant-select-selector{border-color:#ff7875!important;box-shadow:0 0 0 2px #ff4d4f33!important}.organization-page-container .required-label:after{content:" *";color:#fc512f}.organization-page-container .submit-button{background-color:#00693b;border-color:#00693b;width:100%;height:40px;font-size:16px;font-weight:600;margin-top:0!important;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.organization-page-container .submit-button.ant-btn,.organization-page-container .submit-button.ant-btn:hover,.organization-page-container .submit-button.ant-btn:focus,.organization-page-container .submit-button.ant-btn:active{background-color:#00693b!important;border-color:#00693b!important;width:100%;height:40px;font-size:16px;font-weight:600;margin-top:20px;color:#fff!important;border:none;border-radius:5px;cursor:pointer!important;transition:background-color .3s ease;transform:scale(.95)}.organization-page-container .ant-btn-primary:not(:disabled):not(.ant-btn-disabled):hover{color:#fff;background:#166b2e}.organization-page-container .submit-button.ant-btn:hover,.organization-page-container .submit-button.ant-btn:focus{background-color:#166b2e!important;box-shadow:0 0 0 4px #02931a40!important}.organization-page-container .submit-button.ant-btn *{cursor:pointer!important}.organization-page-container .ant-radio-inner{border-color:#00693b!important;background-color:#fff!important}.organization-page-container .ant-radio-inner:after{background-color:red}.organization-page-container .ant-radio:hover .ant-radio-inner{border-color:#00693b!important;box-shadow:0 0 0 2px #02931a40!important}.organization-page-container .ant-radio-checked .ant-radio-inner{background-color:#fc512f;border-color:#fc512f}.organization-page-container .submit-button:hover,.organization-page-container .submit-button:focus{background-color:#005230;border-color:#005230}.organization-page-container .submit-button:active{transform:scale(.95)}.organization-page-container .radio-group-horizontal{display:flex;align-items:center;justify-content:space-between;width:100%}.organization-page-container .radio-label,.organization-page-container .label{white-space:nowrap}.organization-page-container .radio-buttons-horizontal{display:flex;align-items:center;flex-wrap:nowrap}.organization-page-container .radio-buttons-horizontal .ant-radio-wrapper,.organization-page-container .radio-group{display:flex;align-items:center;white-space:nowrap}.organization-page-container .loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#fffc;display:flex;justify-content:center;align-items:center;z-index:1000}.organization-page-container .half-width{width:48%;margin-right:4%}.organization-page-container .half-width:last-child{margin-right:0}.organization-page-container .full-width{width:100%}.organization-page-container .full-width-large{display:flex;flex-basis:100%}.organization-page-container .full-width-large .form-group{flex:1;margin-right:10px}.organization-page-container .full-width-large .form-group:last-child{margin-right:0}.organization-page-container .error-input .ant-input,.organization-page-container .error-input .ant-select-selector{border-color:#ff4d4f!important;box-shadow:0 0 0 2px #ff4d4f33!important}.organization-page-container .error-input:hover .ant-input,.organization-page-container .error-input:hover .ant-select-selector{border-color:#ff7875!important}.organization-page-container .error-input:focus .ant-input,.organization-page-container .error-input:focus .ant-select-selector{border-color:#ff7875!important;box-shadow:0 0 0 2px #ff4d4f33!important}.organization-page-containe .ant-select-allow-clear{margin-right:20px}@media(max-width:1024px){.content-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;width:900px;gap:30px}.organization-container{max-width:100%;height:100%}.container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative;width:900px;gap:30px}.manager-wrapper-left{display:flex;flex-direction:column;width:100%;min-height:100%}.organization-page-container .form-wrapper{display:flex;flex-direction:column;max-width:100%;background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:20px;width:100%;z-index:1;box-sizing:border-box}.manager-wrapper-right{display:flex;flex-direction:column;justify-content:stretch;width:100%;gap:30px}.organization-page-container .organization-form{width:100%;display:flex;flex-direction:column;align-items:flex-start;flex-grow:1;box-sizing:border-box}.add-dep-btn{background-color:#00693b;border-color:#00693b;width:100%;height:400px;font-size:16px;font-weight:600;margin-top:0!important;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;z-index:30}.add-dep-btn:active{transform:scale(.95)}.department-manager-container{position:relative;width:100%;height:100%;background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:20px;box-sizing:border-box;transition:opacity .5s ease,visibility .5s ease;flex-grow:1;display:flex;flex-direction:column;gap:5px}.department-manager-container .dep-row-add{max-height:0;opacity:0;transform:translateY(10px);transform-origin:bottom;overflow:hidden;transition:max-height .5s ease,opacity .5s ease,transform .5s ease;position:absolute;left:25px;right:25px;bottom:60px;border-radius:10px 10px 0 0;padding:15px;background-color:#fff;box-shadow:0 2px 10px #00000080;z-index:20}.department-manager-container .dep-row-add.active{max-height:1000px;opacity:1;transform:translateY(0)}.organization-page-container .form-content{max-width:100%}.organization-page-container .form-wrapper{box-shadow:0}.organization-page-container .content{padding:15px}.organization-page-container .form-wrapper{padding:10px}.organization-page-container .page-title{font-size:20px}.organization-page-container .organization-name{font-size:15px}.organization-page-container .organization-row,.organization-page-container .organization-list,.organization-page-container .new-organization-row{flex-direction:row;align-items:flex-start}.organization-page-container .organization-row>div,.organization-page-container .organization-list>div,.organization-page-container .new-organization-row>div{width:100%!important;margin-bottom:10px}.organization-page-container .radio-group{flex-direction:row;align-items:flex-start}.organization-page-container .radio-group .ant-radio-wrapper{margin-right:0;margin-bottom:10px;width:100%}.organization-page-container .radio-group .ant-radio-wrapper{margin-right:0;margin-bottom:0;width:100%}.organization-page-container .new-organization-row>div:nth-child(1){display:flex;align-items:center;width:35%;padding-right:10px}.organization-page-container .new-organization-row>div:nth-child(2){width:65%}.organization-page-container .new-organization-row>div:nth-child(3){width:10%;display:flex;justify-content:flex-end;padding-right:15px}.organization-page-container .new-organization-row .input-organization{margin-left:10px;width:calc(100% - 30px);flex-grow:1;min-width:0}.organization-page-container .new-organization-row .select-date,.organization-page-container .new-organization-row .input-lunar-date{width:150px;max-width:90%}.organization-page-container .remove-icon{cursor:pointer;width:24px;height:24px;margin-right:-60px}}@media(max-width:768px){.content-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;width:600px;gap:30px}.organization-container{max-width:100%;height:100%}.container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative;width:600px;gap:30px}.manager-wrapper-left{display:flex;flex-direction:column;width:100%;min-height:100%}.organization-page-container .form-wrapper{display:flex;flex-direction:column;max-width:100%;background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:20px;width:100%;z-index:1;box-sizing:border-box}.manager-wrapper-right{display:flex;flex-direction:column;justify-content:stretch;width:100%;gap:30px}.organization-page-container .organization-form{width:100%;display:flex;flex-direction:column;align-items:flex-start;flex-grow:1;box-sizing:border-box}.add-dep-btn{background-color:#00693b;border-color:#00693b;width:100%;height:400px;font-size:16px;font-weight:600;margin-top:0!important;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;z-index:30}.add-dep-btn:active{transform:scale(.95)}.department-manager-container{position:relative;width:100%;height:100%;background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:20px;box-sizing:border-box;transition:opacity .5s ease,visibility .5s ease;flex-grow:1;display:flex;flex-direction:column;gap:5px}.department-manager-container .dep-row-add{max-height:0;opacity:0;transform:translateY(10px);transform-origin:bottom;overflow:hidden;transition:max-height .5s ease,opacity .5s ease,transform .5s ease;position:absolute;left:25px;right:25px;bottom:60px;border-radius:10px 10px 0 0;padding:15px;background-color:#fff;box-shadow:0 2px 10px #00000080;z-index:20}.department-manager-container .dep-row-add.active{max-height:1000px;opacity:1;transform:translateY(0)}.organization-page-container .form-content{max-width:100%}.organization-page-container .form-wrapper{box-shadow:0}.organization-page-container .content{padding:15px}.organization-page-container .form-wrapper{padding:10px}.organization-page-container .page-title{font-size:20px}.organization-page-container .organization-name{font-size:15px}.organization-page-container .organization-row,.organization-page-container .organization-list,.organization-page-container .new-organization-row{flex-direction:row;align-items:flex-start}.organization-page-container .organization-row>div,.organization-page-container .organization-list>div,.organization-page-container .new-organization-row>div{width:100%!important;margin-bottom:10px}.organization-page-container .radio-group{flex-direction:row;align-items:flex-start}.organization-page-container .radio-group .ant-radio-wrapper{margin-right:0;margin-bottom:10px;width:100%}.organization-page-container .radio-group .ant-radio-wrapper{margin-right:0;margin-bottom:0;width:100%}.organization-page-container .new-organization-row>div:nth-child(1){display:flex;align-items:center;width:35%;padding-right:10px}.organization-page-container .new-organization-row>div:nth-child(2){width:65%}.organization-page-container .new-organization-row>div:nth-child(3){width:10%;display:flex;justify-content:flex-end;padding-right:15px}.organization-page-container .new-organization-row .input-organization{margin-left:10px;width:calc(100% - 30px);flex-grow:1;min-width:0}.organization-page-container .new-organization-row .select-date,.organization-page-container .new-organization-row .input-lunar-date{width:150px;max-width:90%}.organization-page-container .remove-icon{cursor:pointer;width:24px;height:24px;margin-right:-60px}}@media(max-width:745px){.organization-page-container .new-organization-row .select-date{width:120px;max-width:90%}.organization-page-container .form-wrapper{box-shadow:0}.organization-page-container .new-organization-row .radio-group{width:100%;justify-content:center;flex-direction:column}}@media(max-width:580px){.organization-page-container .ant-cascader{width:140px;margin-left:2px}.organization-page-container .remove-icon{position:absolute;right:1;margin-left:45px;top:50%}}@media(max-width:566px){.organization-page-container .new-organization-row .radio-group{flex-direction:column;align-items:flex-start}.organization-page-container .new-organization-row .select-date,.organization-page-container .new-organization-row .input-lunar-date{width:200px;max-width:90%}.organization-page-container .remove-icon{position:absolute;right:1;margin-right:10px;top:50%}.organization-page-container .ant-cascader{width:130px;margin-left:2px}}@media(max-width:535px){.organization-page-container .ant-cascader{width:105px;margin-left:2px}.organization-page-container .remove-icon{position:absolute;right:1;margin-left:45px;top:50%}}@media(max-width:480px){.organization-page-container .content{padding:10px}.organization-page-container .form-wrapper{padding:5px}.organization-page-container .page-title{font-size:18px}.organization-page-container .organization-name{font-size:14px}.organization-page-container .add-organization-button{width:100%;margin-bottom:15px}.organization-page-container .checkbox-label,.organization-page-container .new-organization-row .input-organization,.organization-page-container .new-organization-row .select-date,.organization-page-container .new-organization-row .input-lunar-date{font-size:13px}.organization-page-container .organization-row,.organization-page-container .organization-list{flex-direction:row;align-items:flex-start}.organization-page-container .new-organization-row{flex-direction:row;align-items:flex-start;display:flex;position:relative}.organization-page-container .organization-row>div,.organization-page-container .organization-list>div,.organization-page-container .new-organization-row>div{width:100%!important;margin-bottom:10px}.organization-page-container .radio-group{flex-direction:row;align-items:flex-start}.organization-page-container .radio-group .ant-radio-wrapper{margin-right:0;margin-bottom:10px;width:100%}.organization-page-container .radio-group .ant-radio-wrapper{margin-right:0;margin-bottom:0;width:100%}.organization-page-container .new-organization-row>div:nth-child(1){display:flex;align-items:center;width:100%;padding-right:10px}.organization-page-container .checkbox-label{font-size:14px;margin-left:8px;width:430px;white-space:pre-line;line-height:1.2}.organization-page-container .new-organization-row>div:first-child,.organization-page-container .organization-list>div:first-child{width:40%;min-width:380px;width:auto}.organization-page-container .new-organization-row .input-organization{margin-left:10px;width:calc(100% - 10px);flex-grow:1;min-width:0}.organization-page-container .new-organization-row .select-date,.organization-page-container .new-organization-row .input-lunar-date{width:200px;max-width:90%}.organization-page-container .ant-cascader{width:200px;margin-left:2px}.organization-page-container .remove-icon{position:absolute;right:1;margin-left:180px;top:50%}.organization-page-container .new-organization-row .radio-group{flex-direction:row;align-items:flex-start}.organization-page-container .radio-group .ant-radio-wrapper span:last-child{display:flex;flex-direction:column;align-items:flex-start}}@media(max-width:425px){.content-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;width:400px;gap:30px}.organization-container{max-width:100%;height:100%}.container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative;width:400px;gap:30px}.manager-wrapper-left{display:flex;flex-direction:column;width:100%;min-height:100%}.organization-page-container .form-wrapper{display:flex;flex-direction:column;max-width:100%;background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:20px;width:100%;z-index:1;box-sizing:border-box}.manager-wrapper-right{display:flex;flex-direction:column;justify-content:stretch;width:100%;gap:30px}.organization-page-container .organization-form{width:100%;display:flex;flex-direction:column;align-items:flex-start;flex-grow:1;box-sizing:border-box}.add-dep-btn{background-color:#00693b;border-color:#00693b;width:100%;height:400px;font-size:16px;font-weight:600;margin-top:0!important;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;z-index:30}.add-dep-btn:active{transform:scale(.95)}.department-manager-container{position:relative;width:100%;height:100%;background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:20px;box-sizing:border-box;transition:opacity .5s ease,visibility .5s ease;flex-grow:1;display:flex;flex-direction:column;gap:5px}.department-manager-container .dep-row-add{max-height:0;opacity:0;transform:translateY(10px);transform-origin:bottom;overflow:hidden;transition:max-height .5s ease,opacity .5s ease,transform .5s ease;position:absolute;left:25px;right:25px;bottom:60px;border-radius:10px 10px 0 0;padding:15px;background-color:#fff;box-shadow:0 2px 10px #00000080;z-index:20}.department-manager-container .dep-row-add.active{max-height:1000px;opacity:1;transform:translateY(0)}.organization-page-container .form-content{max-width:100%}.organization-page-container .form-wrapper{box-shadow:0}.organization-page-container .content{padding:15px}.organization-page-container .form-wrapper{padding:10px}.organization-page-container .page-title{font-size:20px}.organization-page-container .organization-name{font-size:15px}.organization-page-container .organization-row,.organization-page-container .organization-list,.organization-page-container .new-organization-row{flex-direction:row;align-items:flex-start}.organization-page-container .organization-row>div,.organization-page-container .organization-list>div,.organization-page-container .new-organization-row>div{width:100%!important;margin-bottom:10px}.organization-page-container .radio-group{flex-direction:row;align-items:flex-start}.organization-page-container .radio-group .ant-radio-wrapper{margin-right:0;margin-bottom:10px;width:100%}.organization-page-container .radio-group .ant-radio-wrapper{margin-right:0;margin-bottom:0;width:100%}.organization-page-container .new-organization-row>div:nth-child(1){display:flex;align-items:center;width:35%;padding-right:10px}.organization-page-container .new-organization-row>div:nth-child(2){width:65%}.organization-page-container .new-organization-row>div:nth-child(3){width:10%;display:flex;justify-content:flex-end;padding-right:15px}.organization-page-container .new-organization-row .input-organization{margin-left:10px;width:calc(100% - 30px);flex-grow:1;min-width:0}.organization-page-container .new-organization-row .select-date,.organization-page-container .new-organization-row .input-lunar-date{width:150px;max-width:90%}.organization-page-container .remove-icon{cursor:pointer;width:24px;height:24px;margin-right:-60px}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.Toastify__toast{position:relative;padding-right:30px!important}.Toastify__close-button{position:absolute!important;top:10px!important;right:10px!important;width:20px!important;height:20px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:transparent!important;border:none!important;color:inherit!important;padding:0!important}.Toastify__close-button>svg{width:100%!important;height:100%!important}@media(max-width:768px){.Toastify__toast{min-height:60px;font-size:14px;padding:12px}.Toastify__toast-body{display:flex;align-items:center;justify-content:center}.Toastify__toast-icon{margin-right:10px}}.ps{overflow:hidden!important;overflow-anchor:none;-ms-overflow-style:none;touch-action:auto;-ms-touch-action:auto}.ps__rail-x{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;height:15px;bottom:0;position:absolute}.ps__rail-y{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;width:15px;right:0;position:absolute}.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y{display:block;background-color:transparent}.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y,.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y{opacity:.6}.ps .ps__rail-x:hover,.ps .ps__rail-y:hover,.ps .ps__rail-x:focus,.ps .ps__rail-y:focus,.ps .ps__rail-x.ps--clicking,.ps .ps__rail-y.ps--clicking{background-color:#eee;opacity:.9}.ps__thumb-x{background-color:#aaa;border-radius:6px;transition:background-color .2s linear,height .2s ease-in-out;-webkit-transition:background-color .2s linear,height .2s ease-in-out;height:6px;bottom:2px;position:absolute}.ps__thumb-y{background-color:#aaa;border-radius:6px;transition:background-color .2s linear,width .2s ease-in-out;-webkit-transition:background-color .2s linear,width .2s ease-in-out;width:6px;right:2px;position:absolute}.ps__rail-x:hover>.ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x.ps--clicking .ps__thumb-x{background-color:#999;height:11px}.ps__rail-y:hover>.ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y.ps--clicking .ps__thumb-y{background-color:#999;width:11px}@supports (-ms-overflow-style: none){.ps{overflow:auto!important}}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.ps{overflow:auto!important}}.scrollbar-container{position:relative;height:100%}.footer{text-align:center;padding:15px;font-size:14px;color:#888;margin-top:auto}.header{position:relative;display:flex;justify-content:center;align-items:center;width:100%;background-color:#fff}.header .header-button{background-color:#1f8339;border:none;padding:10px 12px;border-radius:5px;cursor:pointer;margin:0 5px}.header .header-button img{width:24px;height:24px}.header .header-button:hover{background-color:#166b2e}.header .logo{flex-grow:1;display:flex;justify-content:center;align-items:center;padding-top:20px}.header .logo img{max-height:100px;height:auto;width:auto}.header .button-container{position:absolute;left:50px;display:flex;gap:5px}.header .logout-container{position:absolute;right:50px;display:flex;align-items:center}@media(max-width:768px){.header .header-button img{width:15px;height:15px}.header .button-container{position:absolute;left:5px;display:flex;flex-direction:column;gap:10px}.header .logout-container{position:absolute;right:5px;display:flex;align-items:center}}@media(max-width:425px){.header .logo img{max-height:100px;height:auto;width:70%}}.footer-prompt{position:fixed;bottom:0;left:50%;transform:translate(-50%);background-color:#f8f9fa;box-shadow:0 -2px 10px #0000001a;display:flex;justify-content:space-between;align-items:center;padding:10px 20px;z-index:1000;animation:slideUp .5s ease-out,fadeOut .5s ease-out 4.5s forwards;border-top-left-radius:10px;border-top-right-radius:10px;max-width:600px;width:90%}.footer-prompt .prompt-content{display:flex;align-items:center;flex-grow:1}.footer-prompt .app-icon{width:40px;height:40px;margin-right:15px}.footer-prompt .prompt-text{flex-grow:1;width:100%}.footer-prompt h2{margin:0 0 5px;font-size:18px}.footer-prompt p{margin:0;font-size:14px}.footer-prompt .install-button{background-color:#00693b;color:#fff;border:none;padding:8px 15px;border-radius:5px;cursor:pointer;white-space:nowrap;margin-left:20px}@keyframes slideUp{0%{transform:translate(-50%,100%)}to{transform:translate(-50%)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media(max-width:480px){.footer-prompt{flex-direction:column;align-items:stretch;width:100%;border-radius:0}.footer-prompt .prompt-content{margin-bottom:10px}.footer-prompt .install-button{margin-left:0;align-self:flex-end}}@media(max-width:425px){.footer-prompt{flex-direction:row;align-items:center;justify-content:space-between;width:100%;height:60px;padding:5px 10px;border-radius:0}.footer-prompt .prompt-content{display:flex;align-items:center;flex-grow:1;overflow:hidden}.footer-prompt .app-icon{width:35px;height:35px;margin-right:8px;flex-shrink:0}.footer-prompt .prompt-text{flex-grow:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.footer-prompt h2{font-size:14px;margin:0}.footer-prompt p{font-size:12px;margin:0}.footer-prompt .install-button{height:40px;padding:5px 10px;font-size:14px;white-space:nowrap;flex-shrink:0}}.react-multi-email{margin:0;max-width:100%;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;outline:0;-webkit-tap-highlight-color:rgba(255,255,255,0);text-align:left;line-height:1.21428571em;padding:.4em .5em;background:#fff;border:1px solid rgba(34,36,38,.15);color:#000000de;border-radius:.28571429rem;-webkit-transition:box-shadow .1s ease,border-color .1s ease;transition:box-shadow .1s ease,border-color .1s ease;position:relative;display:flex;flex-wrap:wrap;align-items:center;align-content:flex-start}.react-multi-email>span[data-placeholder]{display:none;position:absolute;left:.5em;top:.4em;padding:.4em;line-height:1.21428571em}.react-multi-email.focused{border-color:#85b7d9;background:#fff}.react-multi-email.empty>span[data-placeholder]{display:inline;color:#ccc}.react-multi-email.fill>span[data-placeholder]{display:none}.react-multi-email>input{flex:1;width:auto!important;outline:none!important;border:0 none!important;display:inline-block!important;line-height:1;vertical-align:baseline!important;padding:.4em .1em!important}.react-multi-email [data-tag]{line-height:1;vertical-align:baseline;margin:.14285714em;background-color:#f3f3f3;background-image:none;padding:.4em .8em;color:#0009;text-transform:none;font-weight:600;border:0 solid transparent;border-radius:.28571429rem;-webkit-transition:background .1s ease;-o-transition:background .1s ease;transition:background .1s ease;font-size:.8rem;display:flex;align-items:center;justify-content:flex-start;max-width:100%}.react-multi-email [data-tag] [data-tag-item]{max-width:100%;overflow:hidden}.react-multi-email [data-tag]:first-child{margin-left:0}.react-multi-email [data-tag] [data-tag-handle]{margin-left:.833em;cursor:pointer}.notification-modal.ant-modal-wrap{display:flex;align-items:flex-end;justify-content:flex-end;padding:0}.notification-modal .ant-modal{position:static;margin:0;padding:0}.notification-modal .ant-modal-content{display:flex;flex-direction:column;border-radius:10px;height:auto;min-height:350px;max-height:520px;width:320px;max-width:320px;min-width:320px;background-color:#fff;position:fixed;bottom:11%;right:3%;overflow:hidden;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;z-index:1200}ิ .notification-modal .ant-modal-body{display:flex;flex-direction:column;height:auto;max-height:100%;overflow-y:hidden;flex-grow:1;padding-bottom:1px}.notification-modal .ant-modal-header{background:#4caf50;color:#fff;font-weight:700;text-align:center;padding:14px;border-bottom:none;height:100%}.notification-modal .ant-modal-close{color:#fff;font-size:18px}.notification-modal .ant-modal-close:hover{color:#f44336}.notification-modal .ant-modal-footer{display:flex;justify-content:flex-end;padding:12px}.notification-modal .ant-modal-body:empty{min-height:150px;display:flex;align-items:center;justify-content:center;color:#777;font-style:italic}.main-page-container{display:flex;flex-direction:column;min-height:100vh;background-color:#fff;font-family:Arial,sans-serif;box-sizing:border-box;position:relative;overflow:auto}.main-page-container .content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto}.main-page-container .topic{text-align:center}.main-page-container .welcome-message{font-size:24px;color:#006400;margin:15px 0 5px}.main-page-container .username{font-size:20px;color:#006400;margin:0}.main-page-container .button-grid-container{flex-grow:1;display:flex;justify-content:center;align-items:center;width:100%}.main-page-container .button-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;width:100%;max-width:1500px;justify-content:center}.main-page-container .nav-button{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;aspect-ratio:1 / 1;background-color:#006400;border:none;border-radius:10px;cursor:pointer;transition:background-color .3s;padding:15px}.main-page-container .nav-button img{max-width:60%;max-height:60%;width:auto;height:100px;margin-bottom:10px;object-fit:contain}.main-page-container .nav-button span{color:#fff;font-size:14px;text-align:center;word-wrap:break-word;max-width:100%}.main-page-container .footer-section{width:100%;display:flex;flex-direction:column;align-items:center;margin-top:20px}.main-page-container .logout-button{padding:10px 30px;background-color:#006400;color:#fff;border:none;border-radius:25px;cursor:pointer;transition:background-color .3s;font-size:18px;margin-bottom:20px}.main-page-container .logout-button:hover{background-color:green}.main-page-container .footer-links{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:14px}.main-page-container .footer-links .setting{color:green;margin-bottom:5px}.main-page-container .footer-links .links{display:flex;gap:10px}.main-page-container .footer-links .org-link,.main-page-container .footer-links .items-link{color:red;text-decoration:none}@media(max-width:1024px){.main-page-container .button-grid{grid-template-columns:repeat(3,1fr);max-width:600px}}@media(max-width:768px){.main-page-container .button-grid{grid-template-columns:repeat(3,1fr);max-width:450px}}@media(max-width:480px){.main-page-container .button-grid{grid-template-columns:repeat(2,1fr);max-width:350px;gap:10px}}.report-page-container{display:flex;flex-direction:column;min-height:100vh;background-color:#fff;font-family:Arial,sans-serif}.report-page-container .content{flex:1;display:flex;flex-direction:column;align-items:center;padding:20px}.report-page-container .date-range-picker{display:flex;align-items:center}.report-page-container .date-range-label{margin-right:10px;width:200px;text-align:right}.report-page-container .report-filter,.report-page-container .staff-filter,.report-page-container .date-range-width{width:100%;max-width:300px}.report-page-container .page-title{color:#00693b;font-size:24px;margin-bottom:10px}.report-page-container .organization-name{color:#00693b;font-size:18px;margin-bottom:20px}.report-page-container .ant-input:hover,.report-page-container .ant-picker:hover,.report-page-container .ant-select:hover .ant-select-selector{border-color:#00693b!important;box-shadow:0 0 0 2px #02931a40!important}.report-page-container .ant-input:focus,.report-page-container .ant-select-focused .ant-select-selector{border-color:#00693b!important;box-shadow:0 0 0 2px #02931a40!important}.report-page-container .ant-picker-outlined:hover{border-color:#00693b!important;box-shadow:0 0 0 2px #02931a40!important}.report-page-container .report-controls{display:flex;gap:10px;justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin-bottom:20px}.report-page-container .report-grid-container{width:100%;max-width:1200px;height:400px;overflow:hidden;border-radius:5px;box-shadow:1px 1px 5px #00000080}.report-content-container .donation-table{width:100%;min-width:800px;border-collapse:collapse;table-layout:fixed}.report-content-container .donation-table thead{position:sticky;top:0;z-index:10;background-color:#f2f2f2;border-bottom:2px solid #ddd}.report-content-container{position:relative;height:100%;overflow-y:auto;overflow-x:auto}.report-content-container .donation-table thead tr,.report-content-container .donation-table tbody tr{display:flex;width:100%}.report-content-container::-webkit-scrollbar{width:6px}.report-content-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px;margin:2px}.report-content-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.report-content-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.report-content-container{scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}.report-content-container .donation-table tfoot td{font-weight:700;background-color:#f0f0f0}.report-content-container .donation-table th,.report-content-container .donation-table td{border:1px solid #ddd;padding:8px;text-align:left;box-sizing:border-box}.report-content-container .donation-table th{background-color:#f2f2f2;font-weight:700;text-align:center;border-bottom:2px solid #ddd}.report-content-container .donation-table td{text-align:center}.report-content-container .donation-table tbody tr:nth-child(2n){background-color:#f9f9f9}.report-content-container .donation-table tbody tr:hover{background-color:#ddd}.report-actions{display:flex;justify-content:flex-end;margin-top:20px;padding-top:20px}.report-actions button{padding:10px 20px;margin-left:10px;font-size:16px;cursor:pointer;border:none;background-color:#007bff;color:#fff;border-radius:5px}.report-actions button:hover{background-color:#0056b3}.report-actions .print-button{background-color:#28a745}.report-actions .print-button:hover{background-color:#218838}:where(.css-dev-only-do-not-override-1gwfwyx).ant-picker-outlined:focus-within,:where(.css-dev-only-do-not-override-1gwfwyx).ant-picker-outlined:hover{border-color:#00693b!important;box-shadow:0 0 0 2px #02931a40!important}.report-page-container .centered-message{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;font-size:18px;text-align:center;color:red}.no-data-image-container{color:gray;min-height:358px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.report-page-container .no-data-image{margin-bottom:10px;max-width:100px;max-height:100px}.report-page-container .print-only{display:none}.report-page-container .loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background:#fffc;z-index:9999}.report-page-container .date-picker-wrapper{width:100%;max-width:300px;margin-bottom:10px}.cssbuttons-io-button{display:flex;align-items:center;font-family:inherit;cursor:pointer;font-weight:500;font-size:17px;padding:.8em 1.5em .8em 1.2em;color:#fff;background:#00693b;background:linear-gradient(0deg,#06933b,#4caf50);border:none;box-shadow:0 .7em 1.5em -.5em #4caf50bf;letter-spacing:.05em;border-radius:20em!important}.cssbuttons-io-button svg{margin-right:8px}.cssbuttons-io-button:hover{box-shadow:0 .5em 1.5em -.5em #4caf50bf}.cssbuttons-io-button:active{box-shadow:0 .3em 1em -.5em #4caf50bf}.cssbuttons-print-button{display:flex;align-items:center;font-family:inherit;cursor:pointer;font-weight:500;font-size:17px;padding:.8em 1.5em .8em 1.2em;color:#fff;background:#ad5389;background:linear-gradient(0deg,#4d36d0,#8474fe);border:none;box-shadow:0 .7em 1.5em -.5em #4d36d0be;letter-spacing:.05em;border-radius:20em!important}.cssbuttons-print-button svg{margin-right:8px}.cssbuttons-print-button:hover{box-shadow:0 .5em 1.5em -.5em #4d36d0be}.cssbuttons-print-button:active{box-shadow:0 .3em 1em -.5em #4d36d0be}@media(max-width:1200px){.report-page-container .report-grid-container{height:400px}}@media(max-width:992px){.report-page-container .report-grid-container{height:400px}}@media(max-width:1024px){.report-page-container .date-range-label{margin-top:10px;margin-bottom:5px;margin-right:10px;width:200px;text-align:right}.report-page-container .report-filter,.report-page-container .staff-filter{display:flex;align-items:center;flex:2}}@media(max-width:850px){.report-page-container .report-controls{flex-direction:column}.report-page-container .date-range-picker{display:flex;align-items:center;flex-direction:column}.report-page-container .date-range-label{margin-top:10px;margin-bottom:5px;margin-right:10px;width:300px;text-align:center}.report-page-container .report-filter,.report-page-container .staff-filter{display:flex;align-items:center}}@media(max-width:768px){.report-page-container .report-grid-container{max-width:100%;height:450px;overflow:hidden;border-radius:5px;box-shadow:1px 1px 5px #00000080}.report-content-container::-webkit-scrollbar{width:4px}.report-content-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px;margin:1px}.report-content-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.report-content-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.report-page-container .date-range-width,.report-page-container .ant-picker{width:100%}}@media(max-width:480px){.report-page-container .report-grid-container{height:520px}.report-content-container::-webkit-scrollbar{width:3px}.report-content-container::-webkit-scrollbar-track{background:transparent}.report-content-container::-webkit-scrollbar-thumb{background:#c1c1c1b3;border-radius:1.5px}}@media print{@page{size:A4 landscape}body *{visibility:hidden}body{margin:0;padding:0;font-size:12pt;line-height:1.3}.print-only{display:block}.no-print{display:none}h1{font-size:24pt;margin-bottom:10pt}h2{font-size:18pt;margin-bottom:8pt}h3{font-size:14pt;margin-bottom:6pt}table{font-size:10pt;width:100%;border-collapse:collapse}th,td{padding:5pt;border:1pt solid #000}p,li,span{font-size:11pt}.print-content,.print-content *{visibility:visible}.print-content{position:absolute;width:100%;height:auto;padding:10mm;box-sizing:border-box}.report-grid-container{height:auto!important;overflow:visible!important;box-shadow:none!important}.report-actions,.report-controls{display:none!important}.page-footer:after{content:counter(page) " of " counter(pages);position:fixed;bottom:10mm;left:50%;transform:translate(-50%);font-size:10pt}@page{counter-increment:page}.report-content-container .donation-table{display:table!important;height:auto!important}.report-content-container .donation-table thead,.report-content-container .donation-table tbody{display:table-header-group!important;overflow:visible!important;height:auto!important}.report-content-container .donation-table tbody{display:table-row-group!important}.report-content-container .donation-table thead tr,.report-content-container .donation-table tbody tr{display:table-row!important}}.signin-page-container body,.signin-page-container html{height:100%;margin:0;font-family:Arial,sans-serif}.signin-page-container .app-container{display:flex;flex-direction:column;min-height:100vh}.signin-page-container .signin-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center;padding:20px}.signin-page-container .logo{display:flex;justify-content:center}.signin-page-container .logo img{height:110px}.signin-page-container .signin-container form{display:flex;flex-direction:column;align-items:center;width:100%;max-width:300px}.signin-page-container .signin-container input{margin:10px 0;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:4px;width:100%;box-sizing:border-box}.signin-page-container .password-container{position:relative;width:100%}.signin-page-container .password-container input{width:100%;padding-right:40px;box-sizing:border-box}.signin-page-container .password-toggle-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer}.signin-page-container .password-toggle-icon i{font-size:14px}.signin-page-container .links{display:flex;justify-content:space-between;width:100%;margin-top:10px}.signin-page-container .signin-container button{padding:10px;background-color:#19b14b;color:#fff;border:none;cursor:pointer;font-size:16px;margin-top:20px;border-radius:4px;width:100%}.signin-page-container .signin-container button:hover{background-color:#199b45}.signin-page-container .footer{text-align:center;font-size:12px;padding:10px;width:100%;position:absolute;bottom:0}.signin-page-container .forgot-password-link{cursor:pointer;color:#f91e29;font-weight:700;font-size:12px}.signin-page-container .forgot-password-link:hover{color:#fc512f}.signin-page-container input:focus{outline:none;border-color:#19b14b;box-shadow:0 0 0 2px #04da4b40}.signin-page-container .blob{width:112px;height:112px;display:grid;background:#fff;filter:blur(5.6px) contrast(10);padding:11.2px;mix-blend-mode:darken}.signin-page-container .blob:before,.signin-page-container .blob:after{content:"";grid-area:1/1;width:30px;height:30px;background:linear-gradient(45deg,#fc512f,#f91e29);animation:blob-rhf26m 2s infinite}.signin-page-container .blob:after{animation-delay:-1s}.signin-page-container .loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background:#fffc;z-index:9999}.create-new-password-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center}.create-new-password-modal{background:#fff;border-radius:10px;padding:20px;width:400px;max-width:90%;position:relative}.create-new-password-modal .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.create-new-password-modal .close-button-container{position:absolute;top:20px;right:20px;cursor:pointer}.create-new-password-modal .close-button{width:24px;height:24px}.create-new-password-modal .create-new-password-form{display:flex;flex-direction:column}.create-new-password-modal input{margin:10px 0;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:4px;width:100%;box-sizing:border-box}.create-new-password-modal .form-buttons{display:flex;justify-content:center;margin-top:20px}.create-new-password-modal .reset-button{padding:10px;background-color:#00693b;color:#fff;border:none;cursor:pointer;font-size:16px;border-radius:4px;width:100%}.create-new-password-modal .reset-button:hover{background-color:#079055}.create-new-password-modal h2{margin:0 0 20px;font-size:24px}.create-new-password-modal .error-message{color:red;font-size:14px;margin-top:5px}.create-new-password-modal .loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background:#fffc;z-index:9999}.create-new-password-modal .blob{width:112px;height:112px;display:grid;background:#fff;filter:blur(5.6px) contrast(10);padding:11.2px;mix-blend-mode:darken}.create-new-password-modal .blob:before,.create-new-password-modal .blob:after{content:"";grid-area:1/1;width:30px;height:30px;background:linear-gradient(45deg,#fc512f,#f91e29);animation:blob-rhf26m 2s infinite}.create-new-password-modal .blob:after{animation-delay:-1s}.forgot-password-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center}.forgot-password-modal{background:#fff;border-radius:10px;padding:20px;width:400px;max-width:90%;position:relative}.forgot-password-modal .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.forgot-password-modal .close-button-container{position:absolute;top:20px;right:20px;cursor:pointer}.forgot-password-modal .close-button{width:24px;height:24px}.forgot-password-modal .forgot-password-form{display:flex;flex-direction:column}.forgot-password-modal input{margin:10px 0;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:4px;width:100%;box-sizing:border-box}.forgot-password-modal .form-buttons{display:flex;justify-content:center;margin-top:20px}.forgot-password-modal .send-button{padding:10px;background-color:#00693b;color:#fff;border:none;cursor:pointer;font-size:16px;border-radius:4px;width:100%}.forgot-password-modal .send-button:hover{background-color:#079055}.forgot-password-modal h2{margin:0 0 20px;font-size:24px}.forgot-password-modal input.error{border:2px solid red}.forgot-password-modal .error-message{color:red;font-size:14px;margin-top:5px}.forgot-password-modal .loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background:#fffc;z-index:9999}.forgot-password-modal .blob{width:112px;height:112px;display:grid;background:#fff;filter:blur(5.6px) contrast(10);padding:11.2px;mix-blend-mode:darken}.forgot-password-modal .blob:before,.forgot-password-modal .blob:after{content:"";grid-area:1/1;width:30px;height:30px;background:linear-gradient(45deg,#fc512f,#f91e29);animation:blob-rhf26m 2s infinite}.forgot-password-modal .blob:after{animation-delay:-1s}.user-verified-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center}.user-verified-modal{background:#fff;border-radius:10px;padding:20px;width:400px;max-width:90%;position:relative}.user-verified-modal .close-button-container{position:absolute;top:20px;right:20px;cursor:pointer}.user-verified-modal .close-button{width:24px;height:24px}.user-verified-modal .user-verified-modal-content{display:flex;flex-direction:column;align-items:center}.user-verified-modal h2{margin:0 0 20px;font-size:24px}.user-verified-modal p{margin:0 0 20px;font-size:16px;text-align:center}.user-verified-modal .form-buttons{display:flex;justify-content:center;margin-top:20px}.user-verified-modal .confirm-button{padding:10px;background-color:#00693b;color:#fff;border:none;cursor:pointer;font-size:16px;border-radius:4px}.user-verified-modal .confirm-button:hover{background-color:#079055}.user-verified-modal .loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background:#fffc;z-index:9999}.user-verified-modal .blob{width:112px;height:112px;display:grid;background:#fff;filter:blur(5.6px) contrast(10);padding:11.2px;mix-blend-mode:darken}.user-verified-modal .blob:before,.user-verified-modal .blob:after{content:"";grid-area:1/1;width:30px;height:30px;background:linear-gradient(45deg,#fc512f,#f91e29);animation:blob-rhf26m 2s infinite}.user-verified-modal .blob:after{animation-delay:-1s}@keyframes blob-rhf26m{0%{transform:translate(0)}25%{transform:translate(100%)}50%{transform:translate(100%,100%)}75%{transform:translateY(100%)}to{transform:translate(0)}}.dayoff-page-container{display:flex;flex-direction:column;min-height:100vh;height:auto;background-color:#fff;font-family:Kanit,Arial,sans-serif;align-items:center;font-size:14px;padding:0}.dayoff-page-container .content{flex:1;display:flex;flex-direction:column;align-items:center;padding:20px;width:100%;max-width:1350px;box-sizing:border-box}.dayoff-page-container .page-title{color:#00693b;font-size:24px;margin-bottom:20px;font-weight:700;text-align:center}.dayoff-page-container .organization-name{color:#00693b;font-size:18px;margin-bottom:20px;text-align:center}.dayoff-page-container .form-wrapper{width:100%;background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:20px;box-sizing:border-box;max-width:1350px;min-height:900px;height:auto;position:relative;overflow:visible}.dayoff-page-container .dayoff-form-content{display:flex;flex-direction:row;width:100%;min-height:800px;height:auto;gap:20px;overflow:visible}.left-section{flex:0 0 30%;min-width:300px;max-width:400px;display:flex;flex-direction:column;min-height:0;max-height:100%;overflow:auto}.right-section{flex:1;min-width:0;display:flex;flex-direction:column;min-height:600px;height:auto;overflow:visible}.right-section>*{flex:1;min-height:600px;height:auto;overflow:visible}@media(min-width:1200px){.dayoff-page-container .content{padding:30px}.dayoff-page-container .form-wrapper{padding:25px;min-height:850px;height:auto}.dayoff-page-container .dayoff-form-content{gap:25px;min-height:800px}.left-section{flex:0 0 35%;min-width:350px;max-width:450px}}@media(min-width:992px)and (max-width:1199px){.dayoff-page-container .content{padding:25px}.dayoff-page-container .form-wrapper{min-height:750px;height:auto;padding:20px}.dayoff-page-container .dayoff-form-content{min-height:700px}.left-section{flex:0 0 32%;min-width:280px;max-width:350px}}@media(max-width:991px){.dayoff-page-container .dayoff-form-content{flex-direction:column;gap:15px;min-height:600px;height:auto}.left-section{flex:0 0 auto;width:100%!important;min-width:auto!important;max-width:none!important;min-height:60px;max-height:120px;height:auto}.right-section{flex:1;width:100%!important;min-height:500px;height:auto}.dayoff-page-container .form-wrapper{height:auto;min-height:600px}}@media(min-width:768px)and (max-width:991px){.dayoff-page-container .content{padding:20px 15px}.dayoff-page-container .form-wrapper{padding:15px;min-height:700px;height:auto}.dayoff-page-container .dayoff-form-content{min-height:650px}.left-section{min-height:80px;max-height:100px}.right-section{min-height:550px}.dayoff-page-container .page-title{font-size:22px}.dayoff-page-container .organization-name{font-size:16px}}@media(min-width:480px)and (max-width:767px){.dayoff-page-container{font-size:13px}.dayoff-page-container .content{padding:15px 10px}.dayoff-page-container .form-wrapper{border-radius:8px;box-shadow:0 1px 5px #0000001a;padding:12px;min-height:600px;height:auto}.dayoff-page-container .dayoff-form-content{gap:12px;min-height:550px}.left-section{min-height:70px;max-height:90px}.right-section{min-height:450px}.dayoff-page-container .page-title{font-size:20px;margin-bottom:15px}.dayoff-page-container .organization-name{font-size:15px;margin-bottom:15px}}@media(max-width:479px){.dayoff-page-container{font-size:12px}.dayoff-page-container .content{padding:10px 8px}.dayoff-page-container .form-wrapper{border-radius:6px;box-shadow:0 1px 3px #0000001a;padding:10px;min-height:550px;height:auto}.dayoff-page-container .dayoff-form-content{gap:10px;min-height:500px}.left-section{min-height:60px;max-height:80px}.right-section{min-height:400px}.dayoff-page-container .page-title{font-size:18px;margin-bottom:12px}.dayoff-page-container .organization-name{font-size:14px;margin-bottom:12px}}@media(min-width:768px)and (max-width:1024px)and (orientation:landscape){.dayoff-page-container .content{padding:12px 15px}.dayoff-page-container .form-wrapper{height:auto;min-height:calc(100vh - 120px);max-height:calc(100vh - 80px);padding:12px}.dayoff-page-container .dayoff-form-content{flex-direction:column!important;gap:10px;height:100%}.left-section{flex:0 0 15%!important;width:100%!important;min-width:auto!important;max-width:none!important;min-height:50px!important;max-height:80px!important;height:15%!important}.right-section{flex:0 0 85%!important;width:100%!important;height:85%!important;min-height:300px!important;max-height:none!important}.dayoff-page-container .page-title{font-size:18px;margin-bottom:8px}.dayoff-page-container .organization-name{font-size:14px;margin-bottom:8px}}@media(max-width:767px)and (orientation:landscape){.dayoff-page-container .content{padding:8px 10px}.dayoff-page-container .form-wrapper{height:auto;min-height:calc(100vh - 100px);max-height:calc(100vh - 60px);padding:8px}.dayoff-page-container .dayoff-form-content{flex-direction:column!important;gap:8px;height:100%}.left-section{flex:0 0 12%!important;width:100%!important;min-width:auto!important;max-width:none!important;min-height:40px!important;max-height:60px!important;height:12%!important}.right-section{flex:0 0 88%!important;width:100%!important;height:88%!important;min-height:250px!important;max-height:none!important}.dayoff-page-container .page-title{font-size:16px;margin-bottom:6px}.dayoff-page-container .organization-name{font-size:13px;margin-bottom:6px}}@media(max-width:480px)and (orientation:landscape)and (max-height:500px){.dayoff-page-container .content{padding:5px 8px}.dayoff-page-container .form-wrapper{height:auto;min-height:calc(100vh - 80px);max-height:calc(100vh - 40px);padding:6px}.dayoff-page-container .dayoff-form-content{gap:6px}.left-section{flex:0 0 10%!important;min-height:35px!important;max-height:45px!important;height:10%!important}.right-section{flex:0 0 90%!important;height:90%!important;min-height:200px!important}.dayoff-page-container .page-title{font-size:14px;margin-bottom:4px}.dayoff-page-container .organization-name{font-size:12px;margin-bottom:4px}}.dayoff-page-container .ant-input:hover,.dayoff-page-container .ant-picker:hover,.dayoff-page-container .ant-select:hover .ant-select-selector{border-color:#00693b!important;box-shadow:0 0 0 2px #02931a40!important}.dayoff-page-container .ant-input:focus,.dayoff-page-container .ant-picker:focus,.dayoff-page-container .ant-select-focused .ant-select-selector{border-color:#00693b!important;box-shadow:0 0 0 2px #02931a40!important}.dayoff-page-container .submit-button{background-color:#00693b;border-color:#00693b;width:100%;height:40px;font-size:16px;font-weight:600;margin-top:20px;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.dayoff-page-container .submit-button:hover,.dayoff-page-container .submit-button:focus{background-color:#005230;border-color:#005230}.empty-state{background-color:transparent;height:100%;display:flex;align-items:center;justify-content:center;border:2px dotted #4CAF50;border-radius:8px;color:#666;font-size:16px}.section-title{font-size:18px;font-weight:700;margin-bottom:15px;color:#333;border-bottom:2px solid #4CAF50;padding-bottom:8px;flex-shrink:0}@media(min-width:992px){.left-section[style]{flex:0 0 30%!important;width:auto!important;min-width:300px!important;max-width:400px!important;height:auto!important;min-height:0!important;max-height:none!important}.right-section[style]{flex:1!important;width:auto!important;height:auto!important;min-height:600px!important;max-height:none!important}}@media(min-width:1200px){.left-section[style]{flex:0 0 35%!important;min-width:350px!important;max-width:450px!important}}@media(max-width:991px)and (orientation:portrait){.left-section[style]{flex:0 0 auto!important;width:100%!important;min-width:auto!important;max-width:none!important;height:auto!important;min-height:60px!important;max-height:120px!important}.right-section[style]{flex:1!important;width:100%!important;height:auto!important;min-height:500px!important;max-height:none!important}}@media(min-width:768px)and (max-width:1024px)and (orientation:landscape){.left-section[style]{flex:0 0 15%!important;width:100%!important;min-width:auto!important;max-width:none!important;height:15%!important;min-height:50px!important;max-height:80px!important}.right-section[style]{flex:0 0 85%!important;width:100%!important;height:85%!important;min-height:300px!important;max-height:none!important}}@media(max-width:767px)and (orientation:landscape){.left-section[style]{flex:0 0 12%!important;width:100%!important;min-width:auto!important;max-width:none!important;height:12%!important;min-height:40px!important;max-height:60px!important}.right-section[style]{flex:0 0 88%!important;width:100%!important;height:88%!important;min-height:250px!important;max-height:none!important}}@media(max-width:480px)and (orientation:landscape)and (max-height:500px){.left-section[style]{flex:0 0 10%!important;height:10%!important;min-height:35px!important;max-height:45px!important}.right-section[style]{flex:0 0 90%!important;height:90%!important;min-height:200px!important}}.left-section::-webkit-scrollbar{display:none}.left-section{scrollbar-width:none;-ms-overflow-style:none}.left-section>*::-webkit-scrollbar{width:6px}.left-section>*::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.left-section>*::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.left-section>*::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.dayoff-page-container .loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#ffffffe6;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media(max-width:767px){.dayoff-page-container .loading-overlay{background:#fffffff2}}@media print{.dayoff-page-container{background:#fff}.dayoff-page-container .form-wrapper{box-shadow:none;border:1px solid #ccc}.dayoff-page-container .submit-button{display:none}.dayoff-page-container .dayoff-form-content{flex-direction:column}.left-section{flex:none;width:100%;max-height:none;page-break-inside:avoid}.left-section>*{border:1px solid #ccc}}@media(max-width:991px){.left-section .mobile-filter-button{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00693b,#005230);border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #00693b4d;font-family:Kanit,sans-serif}.left-section .mobile-filter-button:hover{background:linear-gradient(135deg,#005230,#003d1f);transform:translateY(-2px);box-shadow:0 4px 12px #00693b66}.left-section .mobile-filter-button:active{transform:translateY(0)}.left-section .dayoff-calendar-filter-container:not(.mobile-drawer-content){display:none}}@media(max-width:991px)and (orientation:landscape){.left-section .mobile-filter-button{font-size:14px;border-radius:6px}}@media(max-width:767px)and (orientation:landscape){.left-section .mobile-filter-button{font-size:12px;border-radius:5px}}@media(max-width:480px)and (orientation:landscape)and (max-height:500px){.left-section .mobile-filter-button{font-size:11px;border-radius:4px}}@media(min-width:992px){.left-section .mobile-filter-button{display:none}.left-section .dayoff-calendar-filter-container{display:flex!important}}@media(max-width:991px){.mobile-filter-drawer .ant-drawer-mask{background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mobile-filter-drawer .ant-drawer-content{border-radius:16px 16px 0 0;box-shadow:0 -8px 32px #0003}.mobile-filter-drawer .ant-drawer-header{background:linear-gradient(135deg,#00693b,#005230);border-bottom:none;padding:16px 20px;border-radius:0}.mobile-filter-drawer .ant-drawer-title{color:#fff;font-size:18px;font-weight:600;font-family:Kanit,sans-serif}.mobile-filter-drawer .ant-drawer-close{color:#fff;font-size:20px}.mobile-filter-drawer .ant-drawer-close:hover{color:#e0e0e0}.mobile-filter-drawer .ant-drawer-body{padding:0;background:#f8f9fa}.mobile-filter-drawer .dayoff-calendar-filter-container{height:100%;background:transparent;border-radius:0}}@media(max-width:991px)and (orientation:landscape){.mobile-filter-drawer .ant-drawer-header{padding:12px 16px}.mobile-filter-drawer .ant-drawer-title{font-size:16px}.mobile-filter-drawer .ant-drawer-close{font-size:18px}}@media(max-width:991px){.dayoff-calendar-filter-container{font-size:13px}.filter-header,.filter-content,.filter-footer{padding:8px 12px}.save-button{height:40px!important;font-size:14px!important}}@media(max-width:767px){.dayoff-calendar-filter-container{font-size:12px}.filter-header,.filter-content,.filter-footer{padding:6px 10px}.save-button{height:36px!important;font-size:13px!important}}@media(max-width:479px){.dayoff-calendar-filter-container{font-size:11px}.filter-header,.filter-content,.filter-footer{padding:4px 8px}.save-button{height:34px!important;font-size:12px!important}}@media(orientation:landscape)and (max-width:991px){.dayoff-calendar-filter-container{font-size:11px}.filter-header,.filter-content,.filter-footer{padding:4px 8px}.save-button{height:32px!important;font-size:11px!important}}.left-section,.right-section{will-change:auto;contain:layout style}.dayoff-page-container .dayoff-form-content{contain:layout style}.dayoff-calendar-container{width:100%;max-width:100%;min-width:320px;height:100%;min-height:600px;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:transparent;border-radius:0;box-shadow:none;overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px;padding:12px;background-color:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000001a;flex-wrap:wrap;gap:12px;flex-shrink:0}.calendar-title{margin:0;font-size:24px;font-weight:600;color:#2c3e50;font-family:Kanit,sans-serif}.calendar-legend{display:flex;gap:20px;align-items:center}.legend-item{display:flex;align-items:center;gap:8px}.legend-color{width:16px;height:16px;border-radius:3px;border:1px solid rgba(0,0,0,.1);flex-shrink:0}.public-holiday-color{background-color:#ffc107}.custom-holiday-color{background-color:#dc3545}.selected-color{background-color:#28a745}.pending-delete-color{background-color:#6c757d}.legend-text{font-size:14px;color:#495057;font-family:Kanit,sans-serif;font-weight:500;white-space:nowrap}.view-options{display:flex;align-items:center;gap:16px}.view-label{font-size:16px;font-weight:500;color:#555;font-family:Kanit,sans-serif;white-space:nowrap}.view-buttons{display:flex;gap:8px;background-color:#f1f3f4;padding:4px;border-radius:8px;flex-shrink:0}.view-button{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;background-color:transparent;color:#666;font-family:Kanit,sans-serif;white-space:nowrap}.view-button:hover{background-color:#e0e0e0;color:#333}.view-button.active{background-color:#28a745;color:#fff;box-shadow:0 2px 4px #28a7454d}.calendar-content{background-color:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px;flex:1;display:flex;flex-direction:column;margin:0;overflow:hidden;min-height:0}.monthly-calendar{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.calendar-navigation{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-shrink:0}.nav-button{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:8px 12px;cursor:pointer;font-size:18px;font-weight:700;color:#495057;transition:all .2s ease;flex-shrink:0}.nav-button:hover{background:#e9ecef;border-color:#adb5bd}.current-month,.current-year{font-size:20px;font-weight:600;color:#2c3e50;margin:0;white-space:nowrap}.calendar-grid{border:1px solid #dee2e6;border-radius:8px;overflow:hidden;width:100%;display:flex;flex-direction:column;flex:1;min-height:0}.calendar-header-row{display:grid;grid-template-columns:repeat(7,1fr);background:#f8f9fa;flex-shrink:0}.day-header{padding:12px 8px;text-align:center;font-weight:600;color:#495057;border-right:1px solid #dee2e6;height:40px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.day-header:last-child{border-right:none}.calendar-weeks-container{flex:1;overflow:hidden;display:flex;flex-direction:column}.calendar-week{display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid #dee2e6;flex:1;min-height:0}.calendar-week:first-child{border-top:none}.calendar-day{height:100%;min-height:80px;width:100%;padding:8px;border-right:1px solid #dee2e6;background:#fff;position:relative;cursor:pointer;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden;transition:all .2s ease}.calendar-day:last-child{border-right:none}.calendar-day:hover{background:#f8f9fa!important;transform:scale(1.02);box-shadow:0 2px 8px #0000001a;z-index:5}.calendar-day.other-month{background:#f8f9fa;color:#adb5bd;cursor:default}.calendar-day.other-month:hover{transform:none;box-shadow:none;background:#f8f9fa!important}.calendar-day.has-public-holiday{background:#fff3cd!important;border:2px solid #ffc107}.calendar-day.has-public-holiday.other-month{background:#faf4e6!important;border:1px solid #ffc107}.calendar-day.has-custom-holiday{background:#f8d7da!important;border:2px solid #dc3545}.calendar-day.has-custom-holiday.other-month{background:#f5c6cb!important;border:1px solid #dc3545}.calendar-day.selected-date{background:#d4edda!important;border:3px solid #28a745!important;box-shadow:0 0 0 2px #28a74533!important}.calendar-day.selected-date:hover{background:#c3e6cb!important;transform:scale(1.05)}.calendar-day.pending-delete{background:#e9ecef!important;border:3px solid #6c757d!important;box-shadow:0 0 0 2px #6c757d33!important;opacity:.8}.calendar-day.pending-delete:hover{background:#dee2e6!important;transform:scale(1.05)}.calendar-day.pending-delete .day-number{color:#6c757d;text-decoration:line-through}.calendar-day.today{background:#e3f2fd!important;border:2px solid #2196f3!important;font-weight:700}.calendar-day.today .day-number{color:#1976d2;font-weight:700}.calendar-day.selected-date.has-public-holiday{background:linear-gradient(135deg,#d4edda 50%,#fff3cd 50%)!important;border:3px solid #28a745!important}.calendar-day.selected-date.has-custom-holiday{background:linear-gradient(135deg,#d4edda 50%,#f8d7da 50%)!important;border:3px solid #28a745!important}.day-number{font-weight:500;margin-bottom:4px;font-size:14px;z-index:2;position:relative;flex-shrink:0}.day-events{display:flex;flex-direction:column;gap:2px;flex:1;overflow:hidden;min-height:0}.desktop-only{display:flex}.mobile-only{display:none}.mobile-event-indicator{display:none;position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;z-index:3}.mobile-event-indicator.public-holiday{background:#ffc107!important}.mobile-event-indicator.custom-holiday{background:#dc3545!important}.event{font-size:11px;padding:2px 6px;border-radius:3px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}.event-holiday{background:#ffc107;color:#212529;font-weight:600}.event-custom{background:#dc3545;color:#fff;font-weight:600}.more-events{font-size:10px;color:#6c757d;font-weight:500;margin-top:2px;flex-shrink:0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;max-width:400px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 30px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e9ecef}.modal-header h3{margin:0;font-size:18px;font-weight:600;color:#2c3e50}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#6c757d;line-height:1;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.modal-close:hover{background-color:#f8f9fa}.modal-body{padding:20px}.modal-event{padding:12px;margin-bottom:8px;border-radius:6px;border-left:4px solid}.modal-event.event-holiday{border-left-color:#ffc107;background:#fff3cd}.modal-event.event-custom{border-left-color:#dc3545;background:#f8d7da}.event-title{font-weight:600;color:#2c3e50;display:block;margin-bottom:4px}.event-type{font-size:12px;color:#6c757d;display:block;margin-bottom:4px;font-style:italic}.yearly-view{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.year-navigation{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-shrink:0}.yearly-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;flex:1;overflow:auto;min-height:0}.mini-month{border:1px solid #dee2e6;border-radius:8px;padding:12px;background:#fff;display:flex;flex-direction:column;min-height:200px}.mini-month-header{font-weight:600;color:#2c3e50;margin-bottom:8px;text-align:center;font-size:14px;font-family:Kanit,sans-serif;flex-shrink:0}.mini-calendar-grid{flex:1;margin-bottom:8px;overflow:hidden}.mini-day-headers{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;margin-bottom:4px}.mini-day-header{font-size:9px;font-weight:600;color:#6c757d;text-align:center;padding:2px}.mini-week{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;margin-bottom:1px}.mini-day{font-size:9px;text-align:center;padding:2px;background:#f8f9fa;border-radius:2px;min-height:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.mini-day.other-month{color:#ced4da;background:#f8f9fa}.mini-day.has-public-holiday{background:#fff3cd!important;color:#856404;font-weight:700}.mini-day.has-public-holiday.other-month{background:#faf4e6!important;color:#c69500}.mini-day.has-custom-holiday{background:#f8d7da!important;color:#721c24;font-weight:700}.mini-day.has-custom-holiday.other-month{background:#f5c6cb!important;color:#a94442}.mini-day.selected-date{background:#d4edda!important;color:#155724;font-weight:700;border:1px solid #28a745}.mini-day.pending-delete{background:#e9ecef!important;color:#6c757d;font-weight:700;border:1px solid #6c757d;opacity:.8;text-decoration:line-through}.mini-day.today{background:#e3f2fd!important;color:#1976d2;font-weight:700;border:1px solid #2196f3}.mini-day:hover{transform:scale(1.1);z-index:2}@media(min-width:769px)and (max-width:1024px){.calendar-header{flex-wrap:wrap;justify-content:center;text-align:center;gap:16px}.calendar-title{font-size:22px;width:100%;text-align:center}.calendar-legend{gap:24px;justify-content:center;width:100%;flex-wrap:wrap}.view-options{width:100%;justify-content:center}.calendar-day{min-height:70px;padding:6px}.day-header{height:36px;padding:10px 6px;font-size:13px}.day-number{font-size:15px}.event{font-size:10px;padding:1px 4px}.yearly-grid{grid-template-columns:1fr!important;gap:12px}.mini-month{min-height:180px;padding:10px}.mini-month-header{font-size:13px}}@media(max-width:768px){.dayoff-calendar-container{min-width:auto;overflow:hidden}.calendar-header{flex-direction:column;gap:16px;align-items:center;margin:0 0 12px;padding:16px}.calendar-legend{gap:16px;width:100%;justify-content:center;flex-wrap:wrap}.legend-item{gap:6px}.legend-color{width:14px;height:14px}.legend-text{font-size:13px}.calendar-content{margin:0;padding:16px}.view-options{flex-direction:column;align-items:center;gap:12px;width:100%}.view-buttons{width:100%;justify-content:center}.view-button{flex:1;text-align:center}.calendar-title{font-size:20px;text-align:center}.yearly-grid{grid-template-columns:1fr!important;gap:8px}.mini-month{min-height:150px;padding:8px}.mini-month-header{font-size:12px}.mini-day{font-size:8px;min-height:14px}.mini-day-header{font-size:8px}.calendar-day{min-height:50px!important;padding:4px!important}.day-header{height:35px!important;padding:8px 4px!important;font-size:12px}.day-number{font-size:14px;font-weight:600}.desktop-only{display:none!important}.mobile-only,.mobile-event-indicator{display:block!important}}@media(max-width:480px){.dayoff-calendar-container{min-width:auto}.calendar-header{padding:12px;margin:0 0 8px}.calendar-content{padding:12px;margin:0}.view-button{padding:10px 12px;font-size:13px}.calendar-legend{flex-direction:column;gap:8px;align-items:center}.legend-item{gap:6px}.legend-color{width:12px;height:12px}.legend-text{font-size:12px}.calendar-day{min-height:40px!important;padding:2px!important}.day-header{height:30px!important;padding:4px 2px!important;font-size:10px}.day-number{font-size:12px}.mobile-event-indicator{width:6px!important;height:6px!important;top:2px!important;right:2px!important}.nav-button{padding:6px 10px;font-size:16px}.current-month,.current-year{font-size:18px}}:root{--filter-primary: #3b82f6;--filter-primary-dark: #1e40af;--filter-success: #22c55e;--filter-success-dark: #16a34a;--filter-warning: #f59e0b;--filter-warning-dark: #d97706;--filter-white: #ffffff;--filter-gray-50: #f9fafb;--filter-gray-100: #f3f4f6;--filter-gray-200: #e5e7eb;--filter-gray-300: #d1d5db;--filter-gray-400: #9ca3af;--filter-gray-500: #6b7280;--filter-gray-600: #4b5563;--filter-gray-700: #374151;--filter-gray-800: #1f2937;--filter-blue-50: #f0f9ff;--filter-blue-100: #e0f2fe;--filter-blue-600: #0369a1;--filter-green-50: #f0fdf4;--filter-green-100: #bbf7d0;--filter-green-700: #15803d;--filter-amber-50: #fffbeb;--filter-amber-200: #fed7aa;--filter-amber-700: #92400e;--filter-radius: 8px;--filter-radius-small: 6px;--filter-shadow: 0 1px 3px rgba(0, 0, 0, .1);--filter-shadow-hover: 0 2px 8px rgba(0, 0, 0, .15);--filter-transition: all .2s ease}.filter-layout-container{display:flex;flex-direction:column;height:100vh;width:100%;background-color:var(--filter-white);padding:0;overflow:hidden;font-family:Kanit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.filter-mode-section{flex-shrink:0;padding:8px;background-color:var(--filter-white);border-bottom:1px solid var(--filter-gray-200)}.filter-staff-section{flex:1;min-height:0;overflow:hidden;padding:0 8px;display:flex;flex-direction:column}.staff-content-scrollable{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 0;min-height:0;scrollbar-width:thin;scrollbar-color:var(--filter-gray-300) transparent}.staff-content-scrollable::-webkit-scrollbar{width:4px}.staff-content-scrollable::-webkit-scrollbar-track{background:transparent}.staff-content-scrollable::-webkit-scrollbar-thumb{background:var(--filter-gray-300);border-radius:2px;transition:background .3s ease}.staff-content-scrollable::-webkit-scrollbar-thumb:hover{background:var(--filter-gray-400)}.filter-save-section{flex-shrink:0;padding:12px 8px;background-color:var(--filter-white);border-top:1px solid var(--filter-gray-200);box-shadow:0 -2px 8px #0000000d}.filter-layout-container .ant-card{border-radius:var(--filter-radius);box-shadow:var(--filter-shadow);margin-bottom:8px;transition:var(--filter-transition);border:1px solid var(--filter-gray-200);background-color:var(--filter-white)}.filter-layout-container .ant-card:hover{box-shadow:var(--filter-shadow-hover);border-color:var(--filter-primary)}.filter-layout-container .ant-card-head{background-color:var(--filter-gray-50);border-bottom:1px solid var(--filter-gray-200);border-radius:var(--filter-radius) var(--filter-radius) 0 0;padding:12px 16px;min-height:auto}.filter-layout-container .ant-card-body{padding:16px;background-color:var(--filter-white)}.card-title{display:flex;align-items:center;color:var(--filter-gray-700);font-weight:500;font-size:14px}.card-title-icon{margin-right:8px;color:var(--filter-gray-500)}.mode-selection-card .ant-card-head{background-color:var(--filter-success)!important}.mode-selection-card .card-title,.mode-selection-card .card-title-icon{color:var(--filter-white)!important}.mode-selection-card:hover{border-color:var(--filter-success)!important}.staff-selection-card{overflow:hidden}.staff-selection-card .ant-card-body{overflow:hidden;max-height:calc(100vh - 280px)}.select-all-button{border-radius:var(--filter-radius-small)!important;height:36px!important;font-weight:400!important;box-shadow:none!important;transition:var(--filter-transition)!important}.select-all-button:not(.selected){background-color:var(--filter-white)!important;border-color:var(--filter-gray-300)!important;color:var(--filter-gray-700)!important}.select-all-button.selected{background-color:var(--filter-success)!important;border-color:var(--filter-success)!important;color:var(--filter-white)!important}.select-all-department-button{border-radius:var(--filter-radius-small)!important;background-color:var(--filter-warning)!important;border-color:var(--filter-warning)!important;color:var(--filter-white)!important;font-weight:400!important;transition:var(--filter-transition)!important}.select-all-department-button:hover{background-color:var(--filter-warning-dark)!important;border-color:var(--filter-warning-dark)!important}.save-button{height:44px!important;font-size:14px!important;font-weight:500!important;border-radius:var(--filter-radius-small)!important;box-shadow:none!important;transition:var(--filter-transition)!important}.save-button.active{background-color:var(--filter-primary)!important;border-color:var(--filter-primary)!important;color:var(--filter-white)!important}.save-button:hover.active{background-color:var(--filter-primary-dark)!important;border-color:var(--filter-primary-dark)!important}.mobile-filter-trigger-button{border-radius:12px!important;width:100%!important;height:52px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:15px!important;font-weight:500!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;border:none!important;background:linear-gradient(135deg,#3b82f6,#2563eb)!important;box-shadow:0 4px 16px #3b82f64d!important;position:relative!important;overflow:hidden!important}.mobile-filter-trigger-button:hover{transform:translateY(-2px)!important;box-shadow:0 8px 24px #3b82f666!important;background:linear-gradient(135deg,#2563eb,#1d4ed8)!important}.mobile-filter-trigger-button:active{transform:translateY(0)!important;box-shadow:0 4px 16px #3b82f64d!important}.mobile-filter-trigger-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.mobile-filter-trigger-button:hover:before{left:100%}.mobile-filter-trigger-button .filter-badge{background:#fff3!important;border-radius:50px!important;padding:2px 8px!important;font-size:12px!important;font-weight:600!important;margin-left:4px!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.1)!important}.mobile-filter-drawer .ant-drawer-content{border-top-left-radius:16px!important;border-top-right-radius:16px!important;overflow:hidden!important}.mobile-filter-drawer .ant-drawer-header{background:linear-gradient(135deg,#f8fafc,#fff)!important;border-bottom:1px solid #e2e8f0!important;border-top-left-radius:16px!important;border-top-right-radius:16px!important;padding:16px 24px!important}.mobile-filter-drawer .ant-drawer-body{padding:0!important;background:#f8fafc!important}.mobile-filter-drawer .ant-drawer-close{color:#6b7280!important;font-size:18px!important;width:32px!important;height:32px!important;line-height:32px!important;border-radius:8px!important;transition:all .2s ease!important}.mobile-filter-drawer .ant-drawer-close:hover{background-color:#f3f4f6!important;color:#374151!important}.radio-option{font-size:14px!important;font-weight:400!important;width:100%;padding:6px 0}.icon-multiple{color:var(--filter-success)!important}.icon-single{color:var(--filter-primary)!important}.mode-alert{font-size:12px!important;border-radius:var(--filter-radius-small)!important;margin-bottom:8px!important}.info-alert{background-color:var(--filter-blue-50)!important;border-color:var(--filter-blue-100)!important;color:var(--filter-blue-600)!important}.success-alert{background-color:var(--filter-green-50)!important;border-color:var(--filter-green-100)!important;color:var(--filter-green-700)!important}.section-label{font-size:13px!important;font-weight:400!important;color:var(--filter-gray-500)!important;margin-bottom:4px!important;display:block}.filter-info-text{font-size:12px!important;font-style:italic!important;color:var(--filter-gray-500)!important}.selected-staff-display{padding:12px;background-color:#f8fafc;border-radius:var(--filter-radius-small);border:1px solid var(--filter-gray-200)}.selected-staff-title{font-size:13px!important;font-weight:500!important;color:var(--filter-gray-700)!important;display:block;margin-bottom:8px}.selected-staff-list{max-height:100px;overflow:auto}.staff-list-item{font-size:12px;color:var(--filter-gray-700);margin-bottom:2px}.selected-dates-display{padding:12px;background-color:var(--filter-amber-50);border-radius:var(--filter-radius-small);border:1px solid var(--filter-amber-200)}.selected-dates-title{font-size:13px!important;font-weight:500!important;color:var(--filter-amber-700)!important;display:block;margin-bottom:8px}.selected-dates-list{max-height:120px;overflow:auto}.date-list-item{font-size:12px;color:var(--filter-gray-700);margin-bottom:2px}.single-selected-staff-display{padding:12px;background-color:var(--filter-green-50);border-radius:var(--filter-radius-small);border:1px solid var(--filter-green-100)}.single-selected-staff-title{font-size:13px!important;font-weight:500!important;color:var(--filter-green-700)!important;display:block}.single-selected-dates-display{padding:12px;background-color:var(--filter-amber-50);border-radius:var(--filter-radius-small);border:1px solid var(--filter-amber-200);max-height:200px;overflow:auto}.single-selected-dates-title{font-size:13px!important;font-weight:500!important;color:var(--filter-amber-700)!important;display:block;margin-bottom:8px}.check-icon{margin-right:6px!important;color:var(--filter-success)!important}.calendar-icon{margin-right:6px!important;color:var(--filter-warning)!important}.date-icon{margin-right:4px!important;color:var(--filter-success)!important}.more-items-text{font-size:12px!important;color:var(--filter-gray-500)!important}.filter-layout-container .ant-select{border-radius:var(--filter-radius-small)!important;transition:var(--filter-transition)!important}.filter-layout-container .ant-select:hover .ant-select-selector{border-color:var(--filter-primary)!important}.filter-layout-container .ant-select-focused .ant-select-selector{border-color:var(--filter-primary)!important;box-shadow:0 0 0 2px #3b82f633!important}.filter-layout-container .ant-btn{border-radius:var(--filter-radius-small)!important;font-weight:400!important;transition:var(--filter-transition)!important;box-shadow:none!important}.filter-layout-container .ant-btn:hover{transform:translateY(-1px);box-shadow:var(--filter-shadow-hover)!important}.filter-layout-container .ant-radio-wrapper{width:100%;margin-bottom:6px;padding:6px 0;border-radius:var(--filter-radius-small);transition:var(--filter-transition);border:1px solid transparent}.filter-layout-container .ant-radio-wrapper:hover{background-color:var(--filter-gray-50);border-color:var(--filter-primary)}.filter-layout-container .ant-radio-wrapper-checked{background-color:#22c55e1a;border-color:var(--filter-success);font-weight:500}@media(max-width:768px){.filter-mode-section{padding:6px}.filter-staff-section{padding:0 6px}.filter-save-section{padding:8px 6px}.filter-layout-container .ant-card{margin-bottom:6px}.filter-layout-container .ant-card-body{padding:12px}.card-title{font-size:12px}.save-button{height:40px!important;font-size:12px!important}.select-all-button{height:32px!important;font-size:12px!important}.mode-alert{font-size:10px!important}.section-label,.selected-staff-title,.selected-dates-title,.single-selected-staff-title,.single-selected-dates-title{font-size:11px!important}.staff-list-item,.date-list-item,.more-items-text,.filter-info-text{font-size:10px!important}.mobile-filter-trigger-button{height:48px!important;font-size:14px!important;border-radius:10px!important}}@media(min-width:768px)and (max-width:991px){.filter-mode-section{padding:6px}.filter-staff-section{padding:0 6px}.filter-save-section{padding:8px 6px}.filter-layout-container .ant-card{margin-bottom:6px}.filter-layout-container .ant-card-body{padding:12px}.card-title{font-size:12px}.save-button{height:40px!important;font-size:12px!important}.select-all-button{height:32px!important;font-size:12px!important}.mode-alert{font-size:10px!important}.section-label,.selected-staff-title,.selected-dates-title,.single-selected-staff-title,.single-selected-dates-title{font-size:11px!important}.staff-list-item,.date-list-item,.more-items-text,.filter-info-text{font-size:10px!important}.mobile-filter-trigger-button{height:50px!important;font-size:14px!important;border-radius:11px!important}}@media(prefers-reduced-motion:reduce){.filter-layout-container *,.save-button,.save-button:hover,.mobile-filter-trigger-button,.mobile-filter-trigger-button:hover{transition:none!important;transform:none!important;animation:none!important}.mobile-filter-trigger-button:before{display:none!important}}@media(prefers-contrast:high){.filter-layout-container .ant-card{border:2px solid var(--filter-gray-800)!important}.save-button.active{background-color:var(--filter-gray-800)!important;border:2px solid var(--filter-gray-800)!important}.mobile-filter-trigger-button{background:#000!important;border:2px solid #000000!important}}@media(prefers-color-scheme:dark){:root{--filter-white: #1a1a1a;--filter-gray-50: #2a2a2a;--filter-gray-100: #3a3a3a;--filter-gray-200: #4a4a4a;--filter-gray-300: #5a5a5a;--filter-gray-500: #9a9a9a;--filter-gray-700: #e0e0e0}}.work-calendar-page-container{display:flex;flex-direction:column;min-height:100vh;height:auto;background-color:#fff;font-family:Kanit,Arial,sans-serif;align-items:center;font-size:14px;padding:0}.work-calendar-page-container .content{flex:1;display:flex;flex-direction:column;align-items:center;padding:20px;width:100%;max-width:1600px;box-sizing:border-box}.work-calendar-page-container .page-title{color:#00693b;font-size:24px;margin-bottom:20px;font-weight:700;text-align:center}.work-calendar-page-container .organization-name{color:#00693b;font-size:18px;margin-bottom:20px;text-align:center}.work-calendar-page-container .form-wrapper{width:100%;background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:20px;box-sizing:border-box;min-height:800px;height:auto;position:relative;overflow:auto}.work-calendar-page-container .form-wrapper .form-calendar{width:1500px;height:750px;display:flex;flex-direction:column;gap:20px;margin:auto}.work-calendar-page-container .form-wrapper .form-header{border:2px solid #00693B;box-shadow:1px 1px 5px #00000080;border-radius:10px;padding:10px;flex:2;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.work-calendar-page-container .form-wrapper .form-content{border:2px solid #00693B;box-shadow:1px 1px 5px #00000080;border-radius:10px;padding:10px;flex:8}.header-box-1{background-color:#f8f9fa;border-radius:8px;border:1px solid #dee2e6;height:100px;display:flex;padding:10px;overflow-y:hidden}.header-box-2{background-color:#f8f9fa;border-radius:8px;border:1px solid #dee2e6;height:100px;padding:10px;display:flex;align-items:center;justify-content:center}.header-box-3{background-color:#f8f9fa;border-radius:8px;border:1px solid #dee2e6;height:100px;padding:10px;display:flex;justify-content:left}.header-box-4{background-color:#f8f9fa;border-radius:8px;border:1px solid #dee2e6;height:100px;padding:10px;display:flex;gap:20px;align-items:center;justify-content:center}.header-btn{background-color:#00693b;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer}.leave-types{display:flex;flex-direction:row;gap:20px}.leave-type-item{display:flex;flex-direction:row;align-items:center;gap:10px}.leave-type-box{width:40px;height:40px;display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700;font-size:14px}.leave-type-name{font-size:14px;color:#333}@media screen and (max-width:768px){.leave-type-box{width:25px;height:25px;font-size:10px}.leave-type-name{font-size:12px}}.broadcast-container{display:flex;flex-direction:column;min-height:auto;height:auto;background-color:#fff;font-family:Kanit,Arial,sans-serif;align-items:center;font-size:16px;padding:0}.broadcast-container .content{flex:1;display:flex;flex-direction:column;align-items:center;padding:20px;width:100%;max-width:auto;box-sizing:border-box}.broadcast-container .page-title{color:#00693b;font-size:24px;margin-bottom:20px;font-weight:700;text-align:center}.broadcast-container .organization-name{color:#00693b;font-size:18px;margin-bottom:20px;text-align:center}.broadcast-container .form-wrapper{max-width:1600px;min-width:1600px;background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:10px;box-sizing:border-box;min-height:800px;height:auto;position:relative;overflow:auto}.broadcast-container .form-content{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto;grid-template-areas:"template message message" "target target target";gap:16px;min-height:auto}.broadcast-container .template-box,.broadcast-container .message-box{background-color:#f8f9fa;border:1px solid #e9ecef;box-shadow:0 1px 3px #00000014}.broadcast-container .template-box{grid-area:template;min-height:580px;max-height:580px;border-radius:6px;padding:10px;width:500px;display:flex;flex-direction:column}.broadcast-container .template-box .template-header{display:flex;justify-content:space-between}.broadcast-container .template-box .template-header .new-template-btn{display:flex;justify-content:center;align-items:center;height:35px;padding:0 16px;font-size:16px;background-color:#8b5cf6;color:#fff;font-weight:600;border-radius:6px;cursor:pointer;gap:8px;transition:all .2s ease-in-out}.broadcast-container .template-box .template-header .new-template-btn:hover{background-color:#7c3aed;color:#fff}.broadcast-container .template-box .template-header .new-template-btn:active{background-color:#6d28d9;color:#fff;scale:.98}.broadcast-container .template-box .ant-divider{margin:10px 0!important}.broadcast-container .template-box .ant-divider-horizontal{margin:15px 0!important}.broadcast-container .template-box .template-tab-container{flex:1;display:flex;flex-direction:column;gap:10px;overflow-y:auto;max-height:440px;scrollbar-width:thin;scrollbar-color:#ccc transparent}.broadcast-container .template-box .template-tab-container::-webkit-scrollbar{width:6px}.broadcast-container .template-box .template-tab-container::-webkit-scrollbar-track{background:transparent}.broadcast-container .template-box .template-tab-container::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.broadcast-container .template-box .template-tab-container::-webkit-scrollbar-thumb:hover{background:#999}.broadcast-container .template-box .card-header{display:flex;flex-direction:row;justify-content:space-between}.broadcast-container .template-box .empty-template{height:100vh;display:flex;justify-content:center;align-items:center;background-color:#f5f5f5;border:dotted 4px #d9d9d9;border-radius:10px}.broadcast-container .template-box .add-template{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100px;height:100px;background-color:#fff;border:2px dashed #d9d9d9;border-radius:12px;cursor:pointer;transition:all .3s ease;color:#8c8c8c;font-size:40px;font-weight:500}.broadcast-container .template-box .empty-history{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#8c8c8c;font-size:16px;font-weight:500}.broadcast-container .template-box .template-message{font-size:14px;color:#404040;font-weight:400;opacity:.7}.broadcast-container .template-box .card-header .subject{font-weight:600;font-size:16px;color:#28a745}.broadcast-container .template-box .card-header .date{font-size:14px;color:#999;font-weight:400;opacity:.7}.broadcast-container .template-box .ant-card-actions>li:hover .anticon{color:#28a745}.broadcast-container .template-box .select-template{cursor:pointer!important;border:1px solid #28a745!important;transition:all .2 s ease-in-out!important}.broadcast-container .message-box{grid-area:message;min-height:580px;max-height:580px;border-radius:6px;padding:10px;display:flex;flex-direction:column}.broadcast-container .message-box .ant-divider{margin:10px 0!important}.broadcast-container .message-box .ant-divider-horizontal{margin:15px 0!important}.broadcast-container .message-box .message-header{display:flex;justify-content:space-between}.broadcast-container .message-box .message-button-group{display:flex;gap:8px;margin-bottom:10px}.broadcast-container .message-box .savetemplate-btn{display:flex;justify-content:center;align-items:center;height:35px;width:200px;padding:0 16px;font-size:16px;background-color:#8b5cf6;color:#fff;font-weight:600;border-radius:6px;cursor:pointer;gap:8px;transition:all .2s ease-in-out}.broadcast-container .message-box .savetemplate-btn:hover{background-color:#7c3aed;color:#fff}.broadcast-container .message-box .savetemplate-btn:active{background-color:#6d28d9;color:#fff;scale:.98}.broadcast-container .message-box .submit-btn{display:flex;justify-content:center;align-items:center;height:35px;width:150px;padding:0 16px;font-size:16px;background-color:#28a745;color:#fff;font-weight:600;border-radius:6px;cursor:pointer;gap:8px}.broadcast-container .message-box .submit-btn:hover{background-color:#218838;color:#fff}.broadcast-container .message-box .submit-btn:active{background-color:#1e7e34;color:#fff;scale:.98}.broadcast-container .message-box .message-content{flex:1;display:flex;flex-direction:column;gap:10px;padding:20px;overflow-y:auto}.broadcast-container .message-box .message-content .message-subject{display:flex;flex-direction:column;gap:10px}.broadcast-container .message-box .message-content .message-text{display:flex;gap:20px}.broadcast-container .message-box .message-content .message-text .column{flex:1}.broadcast-container .message-box .message-content .message-text .text-header{display:flex;justify-content:space-between;margin-bottom:8px}.broadcast-container .message-box .message-content .message-text .text-header .title{height:30px}.broadcast-container .message-box .message-content .message-text .text-header .button-group{display:flex;gap:8px}.broadcast-container .message-box .message-content .message-text .text-header .button-group .ant-btn{height:25px;padding:0 8px}.broadcast-container .message-box .message-content .message-text .text-input{margin-bottom:16px}@media(max-width:1024px){.broadcast-container .message-box .message-content .message-text{gap:18px}}@media(max-width:768px){.broadcast-container .message-box .message-content .message-text{flex-direction:column;gap:16px}}.broadcast-container .target-box{grid-area:target;min-height:300px;border-radius:6px;padding:10px;display:flex;flex-direction:column}.broadcast-container .target-box .ant-divider{margin:10px 0!important}.broadcast-container .target-box .ant-divider-horizontal{margin:15px 0!important}.broadcast-container .target-box .target-content{display:grid;grid-template-columns:1fr 2fr;gap:16px;min-height:auto}.broadcast-container .target-box .target-content .receiver{height:240px;border-radius:6px;padding:10px;display:flex;flex-direction:column;justify-content:space-between;gap:10px}.broadcast-container .target-box .target-content .receiver .ant-btn{height:60px;padding:0 12px;font-size:18px}.broadcast-container .target-box .target-content .selector{background-color:#fff;border:1px solid #e9ecef;height:240px;border-radius:6px;padding:10px}.broadcast-container .target-box .target-content .selector.error{border:1px solid #ff4d4f;background-color:#fff2f0}.broadcast-container .target-box .target-content .selector .selector-empty-content{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#999;font-weight:400;opacity:.7}.broadcast-container .target-box .target-content .selector .selector-content .selector-header{display:flex;justify-content:space-between}.broadcast-container .target-box .target-content .selector .selector-content .selector-all{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;min-height:170px;max-height:170px;overflow-y:auto;border:5px dotted #28a745}.broadcast-container .target-box .target-content .selector .selector-content .green-search{width:300px}.broadcast-container .target-box .target-content .selector .selector-content .department-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}.broadcast-container .target-box .target-content .selector .selector-content .staff-list{display:flex;flex-wrap:wrap;gap:8px;padding:5px;min-height:150px;max-height:160px;overflow-y:auto}.broadcast-container .target-box .target-content .selector .selector-content .staff-badge-content{display:flex;flex-direction:column;align-items:center;gap:5px;padding:5px}.broadcast-container .target-box .target-content .selector .selector-content .staff-badge-department{font-size:12px;color:#666;opacity:.8}.broadcast-container .target-box .target-content .selector .selector-content .no-data{width:100%;display:flex;justify-content:center;align-items:center;min-height:200px}@media(max-width:768px){.broadcast-container .target-box .target-content .selector .selector-content .staff-list{gap:6px;padding:12px;min-height:120px;max-height:120px}.broadcast-container .target-box .target-content .selector .selector-content .staff-badge{padding:6px 12px;font-size:13px;max-width:150px}}@media screen and (max-width:1024px)and (min-width:769px){.broadcast-container .target-box .target-content{grid-template-columns:1fr;grid-template-rows:auto auto}}@media screen and (max-width:768px){.broadcast-container .target-box .target-content{grid-template-columns:1fr;grid-template-rows:auto auto;gap:12px}}@media screen and (max-width:480px){.broadcast-container .target-box .target-content{gap:8px}}@media(max-width:1599px){.broadcast-container .form-content{display:flex;flex-direction:column;grid-template-areas:none;grid-template-columns:none;grid-template-rows:none;gap:16px}.broadcast-container .form-wrapper{width:100%;min-width:unset;max-width:unset}.broadcast-container .template-box,.broadcast-container .message-box,.broadcast-container .target-box{grid-area:unset}.broadcast-container .message-box .message-header{display:flex;flex-direction:column;gap:8px}.broadcast-container .message-box .message-button-group{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.broadcast-container .template-box{width:unset}}@media(max-width:768px){.broadcast-container .form-content{padding:10px;gap:12px}.broadcast-container .form-wrapper{width:100%;min-width:unset;max-width:unset}.broadcast-container .template-box{width:unset}.broadcast-container .target-box .target-content .selector{max-height:500px}.broadcast-container .target-box .target-content .selector .selector-content{overflow:hidden}.broadcast-container .target-box .target-content .selector .selector-content .selector-header{display:flex;flex-direction:column;gap:8px}.broadcast-container .target-box .target-content .selector .selector-content .green-search{width:250px}}.cancel-leave-page-container{min-height:100vh;display:flex;flex-direction:column;font-family:Kanit,Arial,sans-serif}.cancel-leave-content{flex:1;padding:20px;max-width:1600px;width:100%;margin:0 auto}.cancel-leave-header{text-align:center;color:#fff;margin-bottom:30px;padding:20px 0}.cancel-leave-header h2{font-size:2.5rem;font-weight:700;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.cancel-leave-description{font-size:1.1rem;opacity:.9}.cancel-leave-main-container{display:grid;grid-template-columns:400px 1fr;gap:20px;width:100%;max-width:1600px;margin:0 auto}.staff-list-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:column;max-height:750px}.staff-list-card .ant-card-head{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border-radius:12px 12px 0 0;font-weight:600;font-size:18px}.staff-list-card .ant-card-head .ant-card-head-title{color:#fff}.staff-list-card .ant-card-body{padding:20px;display:flex;flex-direction:column;height:100%;overflow:hidden}.staff-search-container{margin-bottom:16px}.staff-search-container .ant-input-search .ant-input{border-color:#d9d9d9}.staff-search-container .ant-input-search .ant-input:hover{border-color:#28a745}.staff-search-container .ant-input-search .ant-input:focus{border-color:#28a745;box-shadow:0 0 0 2px #28a74533}.staff-search-container .ant-input-search-button{background:linear-gradient(135deg,#28a745,#20c997);border-color:#28a745}.staff-search-container .ant-input-search-button:hover{background:linear-gradient(135deg,#218838,#1dd1a1);border-color:#218838}.staff-list-container{flex:1;overflow-y:auto;padding-right:8px}.staff-list-container::-webkit-scrollbar-thumb{background:#28a745;border-radius:10px}.staff-list-container::-webkit-scrollbar-thumb:hover{background:#218838}.staff-item{padding:16px;margin-bottom:12px;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .3s ease;background:#fff;flex-shrink:0}.staff-item:hover{border-color:#28a745;background:#f0fdf4;transform:translate(5px);box-shadow:0 2px 8px #28a74526}.staff-item.selected{border-color:#28a745;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;box-shadow:0 4px 15px #28a7454d}.leave-requests-title{font-size:20px;font-weight:600;color:#00693b}.leave-requests-count{font-size:14px;color:#fff;background:linear-gradient(135deg,#28a745,#20c997);padding:6px 16px;border-radius:20px;font-weight:600;box-shadow:0 2px 8px #28a74533}.leave-requests-content::-webkit-scrollbar-thumb{background:#28a745;border-radius:10px}.leave-requests-content::-webkit-scrollbar-thumb:hover{background:#218838}.leave-requests-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;row-gap:32px!important}.leave-request-item{position:relative;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:10px!important;padding:12px 12px 8px!important;display:flex;flex-direction:column;gap:5px;margin-bottom:32px!important}.leave-request-item{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;padding:16px;transition:all .3s ease;display:flex;flex-direction:column;height:100%;box-shadow:0 1px 3px #00000014}.leave-request-item:hover{border-color:#28a745;box-shadow:0 4px 12px #28a74526;transform:translateY(-2px)}.leave-request-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:8px}.leave-type-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-weight:600;font-size:13px;white-space:nowrap}.leave-request-actions{display:flex;gap:8px;flex-shrink:0}.leave-request-body{display:flex;flex-direction:column;gap:10px;margin-bottom:12px;flex:1}.leave-request-label{font-size:11px;color:#666;margin-bottom:4px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.leave-request-value{font-size:14px;font-weight:500;color:#333;word-break:break-word}.leave-request-reason .leave-request-value{font-weight:400;color:#666;font-style:italic;font-size:13px;line-height:1.5}.empty-state-text{font-size:16px;color:#666;font-weight:500}.modal-info{background:#f0fdf4;padding:15px;border-radius:8px;margin-bottom:20px;border-left:4px solid #28a745}.modal-reason label{display:block;margin-bottom:8px;font-size:14px;font-weight:500}.ant-btn-primary{background:linear-gradient(135deg,#28a745,#20c997);border-color:#28a745}.ant-btn-primary:hover,.ant-btn-primary:focus{background:linear-gradient(135deg,#218838,#1dd1a1);border-color:#218838}@media(max-width:1400px){.leave-requests-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.cancel-leave-main-container{grid-template-columns:300px 1fr;gap:16px}.leave-requests-grid{grid-template-columns:1fr}.cancel-leave-content{padding:15px}}@media(max-width:768px){.cancel-leave-main-container{grid-template-columns:1fr;gap:16px}.staff-list-card,.leave-requests-card{max-height:500px}.cancel-leave-header h2{font-size:1.8rem}.cancel-leave-description{font-size:.95rem}.leave-requests-grid{grid-template-columns:1fr}}.staff-list-card,.leave-requests-card,.leave-request-item{animation:fadeIn .3s ease-in-out}.cancel-leave-page-container{background:#fff}.cancel-leave-page-container .content{display:flex;flex-direction:column;align-items:center;padding:24px 20px 0;width:100%;box-sizing:border-box}.cancel-leave-page-container .page-title{color:#00693b;font-size:28px;font-weight:700;margin:0 0 8px;text-align:center;letter-spacing:.5px;text-shadow:1px 1px 2px rgba(0,0,0,.08)}.cancel-leave-page-container .organization-name{color:#00693b;font-size:18px;font-weight:500;margin:0 0 20px;text-align:center;opacity:.9}.cancel-leave-header{display:none}.staff-item:hover{border-color:#28a745!important;background:#f0fdf4!important;transform:translate(5px);box-shadow:0 2px 8px #28a74526!important}.staff-item.selected{border-color:#28a745!important;background:linear-gradient(135deg,#28a745,#20c997)!important;color:#fff!important;box-shadow:0 4px 15px #28a7454d!important}.leave-requests-title{color:#00693b!important}.leave-requests-count{background:linear-gradient(135deg,#28a745,#20c997)!important;color:#fff!important;box-shadow:0 2px 8px #28a74533!important}.leave-request-item{box-shadow:0 1px 3px #00000014!important;transition:all .3s ease}.leave-request-item:hover{border-color:#28a745!important;box-shadow:0 4px 12px #28a74526!important;transform:translateY(-2px)}.leave-request-item{position:relative;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:10px!important;padding:12px 12px 8px!important;display:flex;flex-direction:column;gap:5px;margin-bottom:24px!important}.leave-request-item:hover{border-color:#22c55e!important;box-shadow:0 6px 18px #22c55e2e!important;transform:translateY(-3px)}.leave-request-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:4px}.leave-type-badge.ant-tag{background:#ebf5ff!important;border:1px solid #b6dcff!important;color:#1d4ed8!important;font-weight:600;margin-bottom:2px!important}.leave-type-badge.ant-tag[style*=orange]{background:#fff7ed!important;border:1px solid #fdba74!important;color:#c2410c!important}.leave-request-item .ant-tag-success{background:#dcfce7!important;color:#166534!important;border:1px solid #86efac!important;font-weight:600}.leave-request-item .ant-tag-warning{background:#fef9c3!important;color:#92400e!important;border:1px solid #fde68a!important;font-weight:600}.leave-request-item .ant-tag-error{background:#fee2e2!important;color:#991b1b!important;border:1px solid #fca5a5!important;font-weight:600}.leave-request-item .ant-tag-default{background:#f1f5f9!important;color:#475569!important;border:1px solid #cbd5e1!important;font-weight:600}.leave-request-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px!important}.leave-request-field{min-width:0;display:flex;flex-direction:column;gap:6px}.leave-request-label{font-size:11px;letter-spacing:.5px;font-weight:600;color:#64748b;text-transform:uppercase;margin-bottom:0;line-height:1.35}.leave-request-value{font-size:13px;font-weight:500;color:#0f172a;line-height:1.55!important}.leave-request-actions .ant-btn-primary{background:linear-gradient(135deg,#dc2626,#ef4444)!important;border:none!important;height:34px;border-radius:6px;font-size:13px}.leave-request-actions .ant-btn-primary:hover{background:linear-gradient(135deg,#b91c1c,#dc2626)!important}.leave-request-status-tag{position:absolute;top:8px;right:8px;display:flex}.leave-request-status-tag .ant-tag{box-shadow:0 1px 3px #00000014}.leave-requests-note{margin-top:16px;font-size:12px;color:#6b7280;line-height:1.5;display:block;padding:8px 10px;border-left:3px solid #d1d5db;background:#f9fafb;border-radius:4px}.leave-requests-note-bottom{margin-top:auto}.cancel-btn.ant-btn{background:linear-gradient(135deg,#dc2626,#ef4444)!important}.cancel-btn.ant-btn:hover{background:linear-gradient(135deg,#b91c1c,#dc2626)!important}.cancel-btn-disabled{height:34px!important;border-radius:6px!important;font-size:13px!important;display:flex!important;align-items:center;justify-content:center}.staff-list-card{overflow:hidden}.staff-search-container .ant-input-search{width:100%}.staff-search-container .ant-input-search input{box-sizing:border-box}@media(max-width:600px){.leave-request-body{grid-template-columns:1fr}}.ant-btn-primary{background:linear-gradient(135deg,#28a745,#20c997)!important;border-color:#28a745!important;font-weight:600}.ant-btn-primary:hover,.ant-btn-primary:focus{background:linear-gradient(135deg,#218838,#1dd1a1)!important;border-color:#218838!important;box-shadow:0 4px 12px #28a74540}@media(max-width:768px){.cancel-leave-page-container .page-title{font-size:22px}.cancel-leave-page-container .organization-name{font-size:16px}}.ant-divider{border-top-color:#e5e7eb}.staff-list-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:column;max-height:800px}.staff-list-card .ant-card-body{padding:20px;display:flex;flex-direction:column;height:100%}.staff-search-container{margin-bottom:16px;flex-shrink:0}.staff-list-container{flex:1;overflow-y:auto;padding-right:8px;padding-bottom:40px;min-height:0}.staff-list-container::-webkit-scrollbar{width:6px}.staff-list-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.staff-list-container::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.staff-list-container::-webkit-scrollbar-thumb:hover{background:#555}.staff-item{padding:16px;margin-bottom:12px;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .3s ease;background:#fff}.staff-item:hover{border-color:#667eea;background:#f0f7ff;transform:translate(5px)}.staff-item.selected{border-color:#667eea;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.staff-item-name{font-weight:600;font-size:16px;margin-bottom:4px}.staff-item.selected .staff-item-name{color:#fff}.staff-item-info{font-size:12px;color:#666;display:flex;align-items:center;gap:8px}.staff-item.selected .staff-item-info{color:#ffffffe6}.staff-badge{display:inline-flex;align-items:center;padding:2px 8px;background:#f0f0f0;border-radius:12px;font-size:11px;font-weight:500}.staff-item.selected .staff-badge{background:#fff3;color:#fff}.leave-requests-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:column;max-height:800px}.leave-requests-card .ant-card-body{padding:24px;display:flex;flex-direction:column;height:100%}.leave-requests-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.leave-requests-title{font-size:20px;font-weight:600;color:#333}.leave-requests-count{font-size:14px;color:#666;background:#f0f0f0;padding:4px 12px;border-radius:12px}.leave-requests-content{flex:1;overflow-y:auto;padding-right:8px}.leave-requests-content::-webkit-scrollbar{width:6px}.leave-requests-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.leave-requests-content::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.leave-requests-content::-webkit-scrollbar-thumb:hover{background:#555}.leave-request-item{background:#f9f9f9;border:1px solid #e5e7eb;border-radius:8px;padding:16px;transition:all .3s ease}.leave-request-item:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea1a}.leave-request-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.leave-type-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-weight:600;font-size:14px}.leave-request-actions{display:flex;gap:8px}.leave-request-body{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:12px}.leave-request-field{display:flex;flex-direction:column}.leave-request-label{font-size:12px;color:#666;margin-bottom:4px}.leave-request-value{font-size:14px;font-weight:500;color:#333}.leave-request-reason{margin-top:8px;padding-top:12px;border-top:1px solid #e5e7eb}.leave-request-reason .leave-request-label{margin-bottom:6px}.leave-request-reason .leave-request-value{font-weight:400;color:#666;font-style:italic}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#999;padding:60px 20px}.empty-state-icon{font-size:64px;color:#d9d9d9;margin-bottom:16px}.empty-state-text{font-size:16px;color:#666}.empty-state-subtext{font-size:14px;color:#999;margin-top:8px}.no-data-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#999;height:100%}@media(max-width:1280px){.cancel-leave-main-container{grid-template-columns:350px 1fr}}@media(max-width:1024px){.cancel-leave-main-container{grid-template-columns:300px 1fr;gap:16px}.cancel-leave-content{padding:15px}}@media(max-width:768px){.cancel-leave-main-container{grid-template-columns:1fr;gap:16px}.staff-list-card,.leave-requests-card{max-height:500px}.cancel-leave-header h2{font-size:1.8rem}.cancel-leave-description{font-size:.95rem}.leave-request-body{grid-template-columns:1fr}}@media(max-width:480px){.cancel-leave-header h2{font-size:1.5rem}.cancel-leave-description{font-size:.85rem}.leave-requests-header{flex-direction:column;align-items:flex-start;gap:8px}.staff-item,.leave-request-item{padding:12px}}.staff-list-card,.leave-requests-card{animation:fadeIn .3s ease-in-out}.search-card,.results-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin-bottom:20px}.search-card .ant-card-body,.results-card .ant-card-body{padding:24px}.search-form{width:100%}.cancel-leave-page-container .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.cancel-leave-page-container .form-item{display:flex;flex-direction:column}.cancel-leave-page-container .form-item label{font-weight:600;margin-bottom:8px;color:#333;font-size:14px}.search-button-container{display:flex;justify-content:center;margin-top:20px}.search-button-container button{min-width:150px;height:40px;font-size:16px;font-weight:600;border-radius:8px}.no-data-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#999}.no-data-image{width:200px;height:auto;margin-bottom:20px;opacity:.6}.no-data-container p{font-size:18px;font-weight:500;color:#666}.ant-table-wrapper{background:#fff;border-radius:8px}.ant-table-thead>tr>th{background:#f5f5f5;font-weight:600;color:#333}.ant-table-tbody>tr:hover>td{background:#f0f7ff}.cancel-modal-content{padding:10px 0}.modal-info{background:#f9f9f9;padding:15px;border-radius:8px;margin-bottom:20px}.modal-info p{margin-bottom:8px;font-size:14px}.modal-info p:last-child{margin-bottom:0}.modal-reason label{display:block;margin-bottom:8px;font-size:14px}@media(max-width:768px){.cancel-leave-content{padding:15px}.cancel-leave-header h2{font-size:1.8rem}.cancel-leave-description{font-size:.95rem}.cancel-leave-page-container .form-row{grid-template-columns:1fr;gap:15px}.search-card .ant-card-body,.results-card .ant-card-body{padding:16px}.no-data-image{width:150px}.ant-table{font-size:12px}}@media(max-width:480px){.cancel-leave-header h2{font-size:1.5rem}.cancel-leave-description{font-size:.85rem}.search-button-container button{width:100%}.no-data-image{width:120px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-card,.results-card{animation:fadeIn .3s ease-in-out}.ant-btn-primary{background:#667eea;border-color:#667eea}.ant-btn-primary:hover{background:#5568d3;border-color:#5568d3}.ant-btn-primary:focus{background:#667eea;border-color:#667eea}.ant-tag{padding:4px 12px;border-radius:12px;font-weight:500}.cancel-btn.disabled-gray,.cancel-btn.disabled-gray:hover,.cancel-btn.disabled-gray:focus,.cancel-btn.disabled-gray:active{background-color:#d9d9d9!important;border-color:#d9d9d9!important;color:#8c8c8c!important;cursor:not-allowed!important;opacity:1!important}.cancel-btn.disabled-gray:disabled{background-color:#d9d9d9!important;border-color:#d9d9d9!important;color:#8c8c8c!important}