:root{--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 13px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 22px;--font-size-3xl: 28px}@media (min-width: 768px){:root{--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 13px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px}}@media (min-width: 1200px){:root{--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 18px;--font-size-xl: 22px;--font-size-2xl: 26px;--font-size-3xl: 32px}}@media (min-width: 1600px){:root{--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 24px;--font-size-2xl: 28px;--font-size-3xl: 36px}}html,body,#root{height:100vh;width:100vw;overflow:hidden;margin:0;padding:0}*{box-sizing:border-box}.ant-upload-list-item{cursor:pointer}h1{font-size:var(--font-size-3xl);font-weight:500}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}.sortable-tag-dragging{cursor:grabbing!important;opacity:.5}.sortable-tag{transition:transform .2s ease}.ant-table-thead .header-center{text-align:center!important}.compact-table .ant-table-thead>tr>th{padding:8px 12px!important}.ant-table-pagination.ant-pagination{margin:14px 0!important}.employee-loan-processing-container{max-width:100%;width:1600px;margin:0 auto;padding:16px}.loan-processing-loan-id{margin-bottom:8px}@media screen and (min-width: 992px){.employee-loan-processing-container{width:100%;margin:0;padding:0}}@media screen and (min-width: 1200px){.loan-processing-loan-id{margin-bottom:8px;margin-left:5px}.mda-with-fixed{margin-left:-8vw}.fixed-interest{margin-left:44px}.loan-type{margin-left:-10px}.max-loan-amount{margin-left:18px}.loan-amount{margin-left:-5.4vw}.loan-id-input{width:40%}.mda-default{margin-left:-.7vw}}@media screen and (min-width: 1600px){.loan-processing-loan-id{margin-left:-8px}.max-loan-amount{margin-left:28px}.monthly-deduct-amount{margin-bottom:8px}.mda-default{margin-left:-5vw}.mda-with-fixed{margin-left:-8.5vw}.fixed-interest{margin-left:3.5vw}.loan-type,.loan-amount{margin-left:0}.loan-id-input{width:40%}}@media screen and (max-width: 768px){.navbar-logo{display:inline-block!important}.navbar-title{display:none!important}}.ant-form-item-required:before{display:none!important}.ant-tree-list-holder{scrollbar-width:auto;scrollbar-color:auto}.ant-tree-list::-webkit-scrollbar{width:6px}.ant-tree-list::-webkit-scrollbar-track{background-color:#f1f1f1}.ant-tree-list::-webkit-scrollbar-thumb{border-radius:8px;background-color:#a0a0a0}.ant-tree-list::-webkit-scrollbar-thumb:horizontal{height:4px}.ant-tree-list::-webkit-scrollbar-track:horizontal{background-color:#f1f1f1}.ant-layout-content{scrollbar-width:auto;scrollbar-color:auto}.ant-layout-content::-webkit-scrollbar{width:6px}.ant-layout-content::-webkit-scrollbar-track{background-color:#f1f1f1}.ant-layout-content::-webkit-scrollbar-thumb{border-radius:8px;background-color:#a0a0a0}.ant-layout-content::-webkit-scrollbar-thumb:horizontal{height:4px}.ant-layout-content::-webkit-scrollbar-track:horizontal{background-color:#f1f1f1}.ant-table-body{scrollbar-width:auto;scrollbar-color:auto}.ant-table-body::-webkit-scrollbar{width:6px}.ant-table-body::-webkit-scrollbar-track{background-color:#f1f1f1}.ant-table-body::-webkit-scrollbar-thumb{border-radius:8px;background-color:#a0a0a0}.ant-table-body::-webkit-scrollbar-thumb:horizontal{height:4px}.ant-table-body::-webkit-scrollbar-track:horizontal{background-color:#f1f1f1}.ant-table-body::-webkit-scrollbar{height:6px}.ant-layout-sider{scrollbar-width:auto;scrollbar-color:auto}.ant-layout-sider::-webkit-scrollbar{width:6px}.ant-layout-sider::-webkit-scrollbar-track{background-color:#f1f1f1}.ant-layout-sider::-webkit-scrollbar-thumb{border-radius:8px;background-color:#a0a0a0}.ant-layout-sider::-webkit-scrollbar-thumb:horizontal{height:4px}.ant-layout-sider::-webkit-scrollbar-track:horizontal{background-color:#f1f1f1}.ant-layout-sider::-webkit-scrollbar{height:6px}.ant-table-thead{position:sticky;top:0;z-index:10}.custom-scrollbar::-webkit-scrollbar{width:12px}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#b0b0b0;border-radius:12px 12px 0 0;border:3px solid #f0f0f0}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#909090}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:#b0b0b0 #f0f0f0}.component-library-card .ant-card-body::-webkit-scrollbar-track{background-color:transparent}.component-library-card .ant-card-body::-webkit-scrollbar-button{display:none}.component-library-card .ant-card-body{scrollbar-width:thin;scrollbar-color:#a0a0a0 transparent}@media (max-width: 768px){.custom-scrollbar{width:40vw!important;max-width:none}}.input-error{border-color:red!important;box-shadow:none!important}.imageWrapper{display:none;flex:1}.login-style{max-width:80vw;width:100%;min-width:700px;margin:8rem auto 0;border-radius:.5rem;border:1px solid white;box-shadow:#959da533 0 8px 24px;padding:1rem;flex:1}.loginBtn{background-color:#0b5faa;width:100%}@media (min-width: 768px){.login-style{max-width:65vw}.imageWrapper{flex:1;display:block}}@media (min-width: 992px){.login-style{max-width:45vw}}@media (min-width: 1200px){.login-style{max-width:40vw;background-color:"red"}}.personnelInfo-input[disabled]{background-color:#f5f5f5;border-color:#d9d9d9;color:#000000b3;cursor:not-allowed}.control-container{width:60%;background-color:#fff;border-radius:6px;box-shadow:#32325d40 0 6px 12px -2px,#0000004d 0 3px 7px -3px;padding:1rem}@media (max-width: 1024px){.control-container{width:100%}}.center-button{display:block;margin:0 auto}.right-button{float:right}.left-button{float:left}.sidebar-toggle-btn{transition:all .2s ease!important}.sidebar-toggle-btn:hover{background:#ffffff1a!important;color:#fff!important}.ant-menu-dark .ant-menu-item-selected{border-left:3px solid #fff}.ant-menu-submenu-popup.ant-menu-submenu-popup .ant-menu-vertical>.ant-menu-item,.ant-menu-submenu-popup.ant-menu-submenu-popup .ant-menu-vertical>.ant-menu-submenu>.ant-menu-submenu-title{height:30px;line-height:30px;display:flex;align-items:center}.ant-menu-inline-collapsed .ant-menu-submenu-selected>.ant-menu-submenu-title{background-color:#0b5faa!important;border-left:3px solid #fff}.ant-menu-inline-collapsed .anticon{font-size:24px!important}.ant-menu-inline-collapsed .ant-menu-item,.ant-menu-inline-collapsed .ant-menu-submenu-title{margin-block:15px;padding-inline:calc(50% - 18px)!important}.ant-menu-submenu-popup .ant-menu,.ant-menu-submenu-popup ul.ant-menu-sub{max-height:55vh!important;overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.ant-menu-submenu-popup .ant-menu::-webkit-scrollbar,.ant-menu-submenu-popup ul.ant-menu-sub::-webkit-scrollbar{width:6px}.ant-menu-submenu-popup .ant-menu::-webkit-scrollbar-track,.ant-menu-submenu-popup ul.ant-menu-sub::-webkit-scrollbar-track{background:transparent}.ant-menu-submenu-popup .ant-menu::-webkit-scrollbar-thumb,.ant-menu-submenu-popup ul.ant-menu-sub::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.ant-menu-submenu-popup .ant-menu::-webkit-scrollbar-thumb:hover,.ant-menu-submenu-popup ul.ant-menu-sub::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:20px}.login-card{width:100%;max-width:900px;border-radius:16px;box-shadow:0 8px 24px #0000001a;background:#fff;overflow:hidden}.login-content{padding:40px;flex-direction:row}.image-section{flex:1;display:flex;justify-content:center;align-items:center}.form-section{flex:1;max-width:400px}.login-header{text-align:center;margin-bottom:24px}.login-form{width:100%}.login-btn{background:#1a3c34!important;border-color:#1a3c34!important;height:48px;font-size:16px;font-weight:500;transition:all .3s ease}.login-btn:hover{background:#2a5a52!important;border-color:#2a5a52!important}@media (max-width: 768px){.login-content{flex-direction:column;padding:24px}.image-section{display:none}.form-section,.login-card{max-width:100%}}@media (max-width: 480px){.login-container{padding:10px}.login-content{padding:16px}.login-btn{height:40px;font-size:14px}}.dual-date-container{width:100%;height:32px;padding:4px 11px;font-size:14px;line-height:1.5715;border:1px solid #d9d9d9;background-color:#fff;transition:all .3s ease;box-shadow:none;position:relative;border-radius:2px;overflow:hidden}.dual-date-container:hover{border-color:#40a9ff}.dual-date-container .ant-input,.dual-date-container .ant-picker{transition:all .3s}.dual-date-container .ant-input:focus,.dual-date-container .ant-picker-focused{box-shadow:none!important}.dual-date-container .ant-input,.dual-date-container .ant-picker{border:none!important;box-shadow:none!important}.dual-date-container .ant-divider-vertical{border-left:1px solid #f0f0f0;margin:0;height:100%}.date-label{padding:2px 8px;font-size:12px;color:#8c8c8c}.dual-date-container .ant-picker-suffix{color:#8c8c8c}.ant-picker-dropdown{z-index:1100!important}.dual-date-container .ant-picker-input{align-items:flex-end;padding-bottom:4px}.dual-date-container .ant-input::placeholder,.dual-date-container .ant-picker-input>input::placeholder{line-height:2.5}@media (max-width: 576px){.dual-date-container{flex-direction:column}.dual-date-container .ant-divider-vertical{display:none}.dual-date-container .ant-input,.dual-date-container .ant-picker{border-bottom:1px solid #f0f0f0!important}.office-code-item,.upper-office-description-item,.office-description-item{margin-left:0}@media (min-width: 992px){.office-code-item{margin-left:-50px}.upper-office-description-item{margin-left:-30px}.office-description-item{margin-left:-70px}}}@media (max-width: 576px){.allowance-remote,.effective-date-bs{margin-left:0}}@media (min-width: 577px){.allowance-remote{margin-left:-22px}}@media (min-width: 992px){.remarks-department{margin-left:20px}.district-department,.cost-center-department,.manager-department,.senior-department,.remote-department{margin-left:-11px}.remarks-department{margin-left:10px}.allowance-remote{margin-left:-28px}}@media (min-width: 1200px){.remarks-department{margin-left:24px}.district-department,.cost-center-department{margin-left:0}.manager-department,.senior-department,.remote-department{margin-left:5px}.allowance-remote{margin-left:-29px}}@media (min-width: 1600px){.remarks-department{margin-left:9px}.district-department,.cost-center-department,.manager-department,.senior-department,.remote-department{margin-left:0}.allowance-remote{margin-left:-27px}}.mobile-department-title{display:inline}.desktop-department-title{display:none}@media (min-width: 577px){.mobile-department-title{display:none}.desktop-department-title{display:inline}}.mobile-position-title{display:inline}.desktop-position-title{display:none}@media (min-width: 577px){.mobile-position-title{display:none}.desktop-position-title{display:inline}}@media (min-width: 576px) and (max-width: 767px){.position-disable{margin-left:120px;width:100%}}.password-strength-indicator{margin-top:12px;padding:16px;background-color:#f5f5f5;border-radius:8px;border:1px solid #d9d9d9}.strength-bar-container{margin-bottom:16px}.strength-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px;font-size:13px}.strength-text{color:#595959;font-weight:500}.strength-value{font-weight:600;font-size:14px}.strength-bar{height:6px;background-color:#e8e8e8;border-radius:3px;overflow:hidden}.strength-bar-fill{height:100%;transition:width .3s ease,background-color .3s ease;border-radius:3px}.policy-checks{margin-top:12px}.policy-checks-title{font-size:13px;font-weight:600;color:#262626}.policy-check-item{display:flex;align-items:center;padding:2px 0;font-size:13px}.check-icon{font-size:16px;margin-right:8px;flex-shrink:0}.check-icon.success{color:#52c41a}.check-icon.error{color:#d9d9d9}.check-label{color:#8c8c8c;transition:color .2s ease}.check-label.success{color:#262626;font-weight:500}.highlighted-row{background-color:#e6f7ff!important;transition:background-color 1s ease}