@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{--text-secondary: #637381;--primary-blue: #03368c}*{font-family:Plus Jakarta Sans,sans-serif}body{margin:0;padding:0}.ant-btn-color-default{border:1px solid #dfe4ea!important}.ant-btn-color-default:hover{background-color:#dfe4ea!important;border:none;outline:none}.ant-btn-color-default:focus{background-color:#dfe4ea!important;border:none;outline:none}.ant-select-disabled>.ant-select-selector{border:none!important}.ant-select-selection-item-content{font-family:Outfit,sans-serif;font-size:16px;color:#111928;border:none}.ant-form-item-required{flex-direction:row-reverse}.ant-form-item-required:before{margin-left:4px}.ant-form-item-required:after{width:0;margin:0!important}.ant-select-disabled>.ant-select-selector>.ant-select-selection-wrap>.ant-select-selection-item{font-family:Outfit,sans-serif;font-size:16px;color:#111928;border:none}.ant-menu-item{color:var(--text-secondary)!important}.ant-menu-item-selected{color:var(--primary-blue)!important;font-weight:500}.ant-menu-submenu-title{color:var(--text-secondary)!important}.ant-menu-submenu-selected>.ant-menu-submenu-title{color:var(--primary-blue)!important;font-weight:500}.ant-select-item-option{border-radius:0!important;font-size:16px!important}.custom-ant-checkbox .ant-checkbox-checked .ant-checkbox-inner{background-color:var(--primary-blue)!important;border-color:var(--primary-blue)!important}.custom-ant-checkbox .ant-checkbox-inner{border-radius:4px}.transaction-history-page .ant-tabs-nav{width:100%!important}.transaction-history-page .ant-tabs-tab{display:block;flex:1}.transaction-history-page .ant-tabs-nav>div:nth-of-type(1){display:unset!important;width:100%!important}.ant-tabs-tab-btn{color:var(--text-secondary)!important;font-weight:400}.ant-tabs-tab-btn:hover,.ant-tabs-ink-bar:hover,.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--primary-blue)!important;font-weight:400}.ant-tabs-ink-bar{position:absolute;background:var(--primary-blue)!important;pointer-events:none}.ant-table-column-title{color:#111928;font-size:16px;font-weight:500}th.ant-table-cell{color:#111928!important;font-size:16px!important;font-weight:500!important}.profile{border-inline-end:none!important}.ant-layout-content{background-color:#fff;padding:0;overflow-y:auto}.ant-table-body{overflow:auto!important}.ant-layout-header{height:125px;background-color:#fff;line-height:24px;padding-block:20px;padding-inline:20px;display:flex;gap:8px;align-items:center;box-shadow:none!important;border-bottom:1px solid #f0f0f0}.ant-layout-header .ant-avatar.ant-avatar-circle{border:3px solid #2399FF}.ant-layout-header h5.ant-typography{margin:0}.text-bold{font-weight:700}.text-italic{font-style:italic}.ant-modal.pin-modal .ant-modal-content{padding:40px}.ant-modal.pin-modal .ant-modal-content .ant-modal-body{display:flex;flex-direction:column;gap:12px}.ant-modal.pin-modal .ant-modal-content .ant-modal-body .ant-form{display:flex;justify-content:space-between;align-items:center;gap:12px}.ant-modal.pin-modal .ant-modal-content .ant-modal-body .ant-form .pin-space .ant-space-item:first-child{width:100%}.ant-modal.pin-modal .ant-modal-content .ant-modal-body .ant-form.flex-col{flex-direction:column;align-items:end}.ant-modal.pin-modal .ant-modal-content .ant-modal-body .ant-form .ant-form-item.pin-input{width:100%;margin-bottom:0!important}.ant-modal.pin-modal .ant-modal-content .ant-modal-body .ant-form .ant-btn.ant-btn-primary{width:140px}.col-upload-wrapper{display:flex;width:100%}.col-upload-wrapper .ant-upload-wrapper{display:flex;justify-content:stretch;align-items:center}.col-upload-wrapper .ant-upload-wrapper .ant-upload-list{top:-5px;left:20%}.col-upload-wrapper .ant-upload-wrapper .ant-upload-list .ant-upload-list-item{margin-top:0}.col-upload-wrapper .ant-upload-wrapper .ant-upload-list .ant-upload-list-item .ant-upload-icon{display:none}.row-form{margin-bottom:16px}.row-form .col-form{width:100%}.row-form .col-form.col-action-button-wrapper{display:flex;justify-content:end;align-items:center;gap:12px}@media only screen and (max-width:768px){.col-upload-wrapper{flex-direction:column;margin-bottom:20px}}.gaji-dan-plafond-component .selector-round .ant-select-selector{width:100%!important;color:#555e5d!important;border-radius:20px!important;padding-right:40px!important}.gaji-dan-plafond-component .selector-round.secondary .ant-select-selector{color:#666!important;border-color:#bebebe!important}.ant-modal-content{border-radius:20px!important}.modal-import .ant-modal-content{padding:50px 40px 20px!important;border-radius:20px!important}.modal-import .ant-modal-content .ant-upload-drag{border-radius:15px!important}.list-hak-akses-component .row-search-add{display:flex;justify-content:space-between;align-items:center;margin-block:12px}.setting-kasbon-table .ant-table-content>table{min-width:0!important}.setting-kasbon-table .ant-table-thead>tr>th{white-space:nowrap;text-align:center!important;line-height:20px;padding-inline:5px!important}.setting-kasbon-table .ant-table-column-title{font-size:14px!important;white-space:nowrap;text-align:center}.setting-kasbon-table .ant-table-tbody>tr>td{padding-inline:5px!important;white-space:nowrap}.swal2-input{height:40px!important}.swal2-input-label{color:#169280;font-weight:600;margin-inline:0;padding-inline:36px;justify-content:start}.swal2-actions{flex-direction:row-reverse}.swal2-actions:has(.pin-confirm-button){width:100%;padding:0 36px;justify-content:end}.swal2-actions .swal2-styled{width:104px;height:44px;border-radius:100px!important}.swal2-actions .swal2-styled.swal2-confirm{background-color:#169280!important}.swal2-actions .swal2-styled.swal2-cancel{background:#ff5353!important}.swal2-success .swal2-success-line-long,.swal2-success .swal2-success-line-tip{background-color:#fff!important}.swal2-success .swal2-success-ring{background:#22c97f;z-index:1!important}.swal2-success .swal2-success-fix{z-index:0!important}.ant-btn-text{border:none!important;box-shadow:none!important;background:transparent!important}.ant-btn-text:hover{border:none!important;box-shadow:none!important;background:#0000000a!important}.ant-btn-text:focus{border:none!important;box-shadow:none!important;outline:none!important}.ant-table-thead>tr>th{background-color:#f9fafb!important;font-family:Plus Jakarta Sans!important;font-weight:600!important;font-size:14px!important;color:#111928!important;border-bottom:1px solid #DFE4EA!important;padding:12px 16px!important}.ant-table-tbody>tr>td{font-family:Plus Jakarta Sans!important;font-size:14px!important;color:#111928!important;padding:16px!important;border-bottom:1px solid #F0F0F0!important}.ant-pagination{font-family:Plus Jakarta Sans!important}.ant-pagination-item{border:1px solid #DFE4EA!important;border-radius:6px!important;font-family:Plus Jakarta Sans!important;font-size:14px!important;min-width:32px!important;height:32px!important;line-height:30px!important;margin:0 4px!important}.ant-pagination-item-active{background-color:#2399ff!important;border-color:#2399ff!important}.login-container{width:100%;height:100vh;height:100dvh;min-height:0;padding:clamp(24px,4vw,56px) clamp(20px,5vw,80px) 24px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;box-sizing:border-box;isolation:isolate;background:radial-gradient(circle at 10% 8%,rgba(255,255,255,.9),transparent 34%),#e6fafc}.login-container *,.login-container *:before,.login-container *:after{box-sizing:border-box}.login-corner-decoration{position:absolute;right:0;bottom:0;width:min(100vw,700px);height:auto;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none}.login-content-wrapper{width:min(100%,1280px);min-height:0;display:grid;grid-template-columns:minmax(340px,1fr) minmax(400px,500px);align-items:center;gap:clamp(32px,5vw,80px);position:relative;z-index:2}.login-visual{width:100%;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;position:relative}.login-illustration{display:block;width:min(100%,800px);height:min(70vh,800px);object-fit:contain;pointer-events:none;filter:drop-shadow(0 16px 22px rgba(17,25,40,.32))}.login-form-wrapper{width:100%;max-width:500px;padding:clamp(28px,3vw,40px);justify-self:start;position:relative;z-index:2;background:#fffffffa;border:1px solid rgba(223,228,234,.9);border-radius:24px;box-shadow:0 18px 50px #1119281f}.login-form{width:100%}.logo-container{min-height:88px;margin-bottom:18px;display:flex;align-items:center;justify-content:center;overflow:hidden}.login-logo-img{display:block;width:clamp(150px,13vw,190px);height:88px;object-fit:contain;object-position:center}.form-title{margin:0 0 6px;color:#111928;font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(21px,1.7vw,24px);font-weight:700;line-height:1.25}.form-subtitle{margin:0 0 22px;color:#637381;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;line-height:1.5}.login-form .ant-form-item{margin-bottom:18px}.login-form .ant-form-item-label{padding-bottom:7px}.login-form .ant-form-item-label>label,.form-label{color:#111928;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:500}.login-form .ant-input::placeholder{color:#9ca3af;font-family:Plus Jakarta Sans,sans-serif}.custom-input,.custom-input-password{width:100%;height:46px;border:1px solid #d1d5db;border-radius:10px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;box-shadow:none}.custom-input-password input{font-family:Plus Jakarta Sans,sans-serif;font-size:14px}.custom-input:hover,.custom-input-password:hover{border-color:#2399ff}.custom-input:focus,.custom-input-password:focus,.custom-input-password.ant-input-affix-wrapper-focused{border-color:#2399ff;box-shadow:0 0 0 3px #2399ff1f}.remember-row{width:100%;flex-wrap:nowrap;gap:16px}.remember-checkbox,.forgot-link{font-family:Plus Jakarta Sans,sans-serif;font-size:14px}.forgot-link{white-space:nowrap}.submit-button{width:100%;height:48px;margin-top:4px;border-radius:24px;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:500}.copyright-text{position:absolute;left:3.7vw;bottom:4.6vh;width:auto;max-width:92.6vw;margin:0;z-index:3;color:#666;font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(11px,.8vw,15px);font-weight:400;line-height:1.4;text-align:left}.error-modal-content{position:relative;padding:0 20px 20px;text-align:center;background:#fff;border-radius:16px}.error-modal-icon{display:flex;justify-content:center;margin-bottom:-40px}.error-modal-icon img{width:min(300px,100%)!important;height:auto!important;object-fit:contain}.error-modal-title{margin:0 0 8px;color:#111928;font-size:18px;font-weight:700;line-height:1.25}.error-modal-text{margin:0 0 18px;color:#637381;font-size:15px;line-height:1.5;overflow-wrap:anywhere}.error-modal-button{height:40px;padding-inline:24px;border:0;border-radius:8px;background:#2399ff;font-size:14px;font-weight:500}@media(max-width:1200px){.login-content-wrapper{grid-template-columns:minmax(300px,1fr) minmax(380px,460px);gap:clamp(28px,4vw,48px)}}@media(max-width:900px){.login-container{justify-content:flex-start;padding:32px 24px 24px}.login-content-wrapper{grid-template-columns:minmax(0,480px);justify-content:center;gap:0;margin:auto 0}.login-visual{display:none}.login-form-wrapper{max-width:480px;justify-self:center}}@media(max-width:600px){.login-corner-decoration{width:100vw}.login-container{padding:20px 16px 18px}.login-form-wrapper{padding:24px 20px;border-radius:18px}.logo-container{min-height:72px;margin-bottom:14px}.login-logo-img{width:150px;height:72px}.form-title{font-size:20px}.form-subtitle{margin-bottom:18px;font-size:13px}.login-form .ant-form-item{margin-bottom:16px}.custom-input,.custom-input-password{height:44px}.remember-checkbox,.forgot-link{font-size:13px}.submit-button{height:46px;font-size:15px}.error-modal-content{padding-inline:16px}.error-modal-icon{margin-bottom:-32px}.error-modal-icon img{max-width:240px}}@media(max-width:360px){.login-container{padding-inline:12px}.login-form-wrapper{padding:20px 16px}.logo-container{min-height:64px}.login-logo-img{width:132px;height:64px}.form-title{font-size:18px}.form-subtitle,.form-label,.custom-input,.custom-input-password,.custom-input-password input{font-size:12px}.remember-row{gap:8px}.remember-checkbox,.forgot-link{font-size:11px}}@media(orientation:landscape)and (max-height:600px)and (max-width:900px){.login-container{padding:8px 16px}.login-content-wrapper{width:min(100%,720px);max-width:720px;margin:auto 0}.login-form-wrapper{max-width:720px;padding:10px 16px;border-radius:14px}.login-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px;row-gap:4px;align-items:end}.login-form .logo-container,.login-form .form-title,.login-form .form-subtitle{grid-column:1 / -1}.logo-container{min-height:34px;margin-bottom:0}.login-logo-img{width:92px;height:34px}.form-title{margin-bottom:0;font-size:16px;text-align:center}.form-subtitle{margin-bottom:2px;font-size:11px;line-height:1.3;text-align:center}.login-form .ant-form-item{margin-bottom:0!important}.login-form .ant-form-item-label{padding-bottom:3px}.custom-input,.custom-input-password{height:36px}.remember-checkbox,.forgot-link{font-size:11px}.submit-button{height:38px;margin-top:0;font-size:13px}}@media(max-height:760px)and (min-width:901px){.login-container{padding-block:20px}.login-illustration{height:min(58vh,800px)}.login-form-wrapper{padding:24px 32px}.logo-container{min-height:62px;margin-bottom:10px}.login-logo-img{height:62px}.form-subtitle{margin-bottom:14px}.login-form .ant-form-item{margin-bottom:13px}}.input-column{display:flex;gap:10px;align-items:center}.input-column .select-input{width:80px}.input-column .select-input .ant-select-selector{border:1px solid #bebebe;border-radius:15px}.input-column .ant-picker{border-radius:15px}.select-company-name .ant-select-selector{border-radius:15px;border:0!important}.ant-typography.text-column-name{margin-top:0;color:#169280}@media only screen and (max-width:768px){.input-column{flex-direction:column;justify-content:start;align-items:start}}.modal-transaksi-kasbon .ant-modal-content .ant-modal-title{color:#169280;font-size:16px;font-weight:600}.modal-transaksi-kasbon .ant-modal-content .ant-modal-body .detail-transaksi-kasbon{margin-bottom:25px}.modal-transaksi-kasbon .ant-modal-content .ant-modal-body .detail-transaksi-kasbon .ant-row .ant-col{padding:15px 25px!important}.modal-transaksi-kasbon .ant-modal-content .ant-modal-body .copy-button .ant-typography-copy{margin-left:15px!important}.ant-select.green-border .ant-select-selector{border:1px solid #21A28F!important;border-radius:15px}.ant-select.green-border .ant-select-selector .ant-select-selection-item{color:#21a28f}.ant-select.gray-border .ant-select-selector{border-radius:0;border:1px solid #A8A8A8!important;padding-inline:12px!important}.ant-form-item{margin-bottom:20px!important}.ant-form-item .ant-form-item-no-colon{font-size:16px!important}.card-deposit-kreditur{border-radius:15px;background-color:#169280;margin-bottom:30px}.card-deposit-kreditur .ant-typography{color:#fff}.card-deposit-kreditur .ant-typography .ant-typography-copy{font-size:12px;color:#fff;float:right;line-height:30px}.modal-pembayaran-kasbon .ant-modal-header{margin-bottom:20px}.modal-pembayaran-kasbon .ant-modal-header .ant-modal-title{color:#169280;font-weight:400}.modal-pembayaran-kasbon .ant-modal-body{text-align:center}.ant-form-item-label>label{font-family:Plus Jakarta Sans,sans-serif}.ant-input::placeholder{color:#9ca3af;font-family:Plus Jakarta Sans,sans-serif}.lupa-pin-corner-decoration{position:absolute;right:0;bottom:0;width:min(100vw,700px);height:auto;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none}.lupa-pin-copyright-text{position:absolute;left:3.7vw;bottom:4.6vh;width:auto;max-width:92.6vw;margin:0;z-index:3;color:#666;font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(11px,.8vw,15px);font-weight:400;line-height:1.4;text-align:left}.rekapan-company-period{margin-bottom:24px;padding:20px;background:#fff;border:1px solid #dfe4ea;border-radius:12px;box-shadow:0 1px 2px #1119280a}.rekapan-company-period .rekapan-company-period__title{margin:0 0 16px;color:#111928;font-family:Plus Jakarta Sans;font-size:16px;font-weight:600;line-height:24px}.rekapan-company-period__fields{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}.rekapan-company-period__field{display:flex;flex-direction:column;gap:8px}.rekapan-company-period__field--month{width:300px}.rekapan-company-period__field--year{width:180px}.rekapan-company-period .rekapan-company-period__label{color:#374151;font-family:Plus Jakarta Sans;font-size:14px;font-weight:500;line-height:20px}.rekapan-company-period__select{width:100%;font-family:Plus Jakarta Sans;font-size:14px}.rekapan-company-period__select .ant-select-selector{height:44px!important;padding:0 14px!important;background:#fff!important;border:1px solid #dfe4ea!important;border-radius:8px!important;box-shadow:none!important;transition:border-color .2s ease,box-shadow .2s ease}.rekapan-company-period__select .ant-select-selection-item,.rekapan-company-period__select .ant-select-selection-placeholder{display:flex;align-items:center;color:#111928;font-family:Plus Jakarta Sans;font-size:14px;line-height:42px!important}.rekapan-company-period__select .ant-select-selection-placeholder{color:#9ca3af}.rekapan-company-period__select .ant-select-arrow{color:#637381}.rekapan-company-period__select:hover .ant-select-selector{border-color:#2399ff!important}.rekapan-company-period__select.ant-select-focused .ant-select-selector,.rekapan-company-period__select.ant-select-open .ant-select-selector{border-color:#2399ff!important;box-shadow:0 0 0 3px #2399ff1f!important}.rekapan-company-period__dropdown{padding:6px!important;border:1px solid #e5e7eb;border-radius:8px!important;box-shadow:0 8px 24px #1119281f!important}.rekapan-company-period__dropdown .ant-select-item{min-height:36px;padding:8px 10px;border-radius:6px;font-family:Plus Jakarta Sans;font-size:14px;line-height:20px}.rekapan-company-period__dropdown .ant-select-item-option-active:not(.ant-select-item-option-disabled){background:#f2f7ff}.rekapan-company-period__dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled){color:#1677ff;font-weight:600;background:#eaf4ff}@media(max-width:640px){.rekapan-company-period{padding:16px}.rekapan-company-period__fields,.rekapan-company-period__field--month,.rekapan-company-period__field--year{width:100%}}.rekapan-employee-period{margin-bottom:24px;padding:20px;background:#fff;border:1px solid #dfe4ea;border-radius:12px;box-shadow:0 1px 2px #1119280a}.rekapan-employee-period .rekapan-employee-period__title{margin:0 0 16px;color:#111928;font-family:Plus Jakarta Sans;font-size:16px;font-weight:600;line-height:24px}.rekapan-employee-period__fields{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}.rekapan-employee-period__field{display:flex;flex-direction:column;gap:8px}.rekapan-employee-period__field--month{width:300px}.rekapan-employee-period__field--year{width:180px}.rekapan-employee-period .rekapan-employee-period__label{color:#374151;font-family:Plus Jakarta Sans;font-size:14px;font-weight:500;line-height:20px}.rekapan-employee-period__select{width:100%;font-family:Plus Jakarta Sans;font-size:14px}.rekapan-employee-period__select .ant-select-selector{height:44px!important;padding:0 14px!important;background:#fff!important;border:1px solid #dfe4ea!important;border-radius:8px!important;box-shadow:none!important;transition:border-color .2s ease,box-shadow .2s ease}.rekapan-employee-period__select .ant-select-selection-item,.rekapan-employee-period__select .ant-select-selection-placeholder{display:flex;align-items:center;color:#111928;font-family:Plus Jakarta Sans;font-size:14px;line-height:42px!important}.rekapan-employee-period__select .ant-select-selection-placeholder{color:#9ca3af}.rekapan-employee-period__select .ant-select-arrow{color:#637381}.rekapan-employee-period__select:hover .ant-select-selector{border-color:#2399ff!important}.rekapan-employee-period__select.ant-select-focused .ant-select-selector,.rekapan-employee-period__select.ant-select-open .ant-select-selector{border-color:#2399ff!important;box-shadow:0 0 0 3px #2399ff1f!important}.rekapan-employee-period__dropdown{padding:6px!important;border:1px solid #e5e7eb;border-radius:8px!important;box-shadow:0 8px 24px #1119281f!important}.rekapan-employee-period__dropdown .ant-select-item{min-height:36px;padding:8px 10px;border-radius:6px;font-family:Plus Jakarta Sans;font-size:14px;line-height:20px}.rekapan-employee-period__dropdown .ant-select-item-option-active:not(.ant-select-item-option-disabled){background:#f2f7ff}.rekapan-employee-period__dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled){color:#1677ff;font-weight:600;background:#eaf4ff}@media(max-width:640px){.rekapan-employee-period{padding:16px}.rekapan-employee-period__fields,.rekapan-employee-period__field--month,.rekapan-employee-period__field--year{width:100%}}.ant-table-thead>tr>th{background-color:#f9fafb!important;font-family:Plus Jakarta Sans,sans-serif!important;font-weight:600!important;font-size:14px!important;color:#111928!important;border-bottom:1px solid #DFE4EA!important;padding:12px 16px!important}.ant-table-tbody>tr>td{font-family:Plus Jakarta Sans,sans-serif!important;font-size:14px!important;color:#111928!important;padding:16px!important;border-bottom:1px solid #F0F0F0!important}.ant-pagination{font-family:Plus Jakarta Sans,sans-serif!important}.ant-pagination-item{border:1px solid #DFE4EA!important;border-radius:6px!important;font-family:Plus Jakarta Sans,sans-serif!important;font-size:14px!important;min-width:32px!important;height:32px!important;line-height:30px!important;margin:0 4px!important}.ant-input-search{border-radius:8px!important}.ant-input-search .ant-input{font-family:Plus Jakarta Sans,sans-serif!important;font-size:14px!important;color:#111928!important;border-radius:8px!important;border:1px solid #DFE4EA!important;padding:8px 12px!important}.ant-input-search .ant-input:focus{border-color:#2196f3!important;box-shadow:0 0 0 2px #2196f31a!important}.ant-input-search .ant-input::placeholder{color:#8899a8!important;font-family:Plus Jakarta Sans,sans-serif!important}.ant-select-selector{border:1px solid #DFE4EA!important;border-radius:8px!important;font-family:Plus Jakarta Sans,sans-serif!important;font-size:14px!important;height:36px!important;display:flex!important;align-items:center!important}.ant-select-selection-item{color:#111928!important;font-family:Plus Jakarta Sans,sans-serif!important}.ant-empty-description{color:#8899a8!important;font-family:Plus Jakarta Sans,sans-serif!important;font-size:14px!important}.ant-card:hover{box-shadow:0 4px 12px #10182814!important;transform:translateY(-2px)}.ant-spin{color:#2196f3!important}.ant-table-thead>tr>th{background-color:#f9fafb!important;font-family:Poppins;font-weight:600!important;font-size:14px!important;color:#111928!important;border-bottom:1px solid #DFE4EA!important;padding:12px 16px!important}.ant-table-tbody>tr>td{font-family:Poppins;font-size:14px!important;color:#111928!important;padding:16px!important;border-bottom:1px solid #F0F0F0!important}.ant-table-tbody>tr:hover>td{background-color:#f9fafb!important}.ant-table-tbody>tr:last-child>td{border-bottom:none!important}.ant-pagination{font-family:Poppins}.ant-pagination-item{border:1px solid #DFE4EA!important;border-radius:6px!important;font-family:Poppins;font-size:14px!important;min-width:32px!important;height:32px!important;line-height:30px!important;margin:0 4px!important}.ant-pagination-item-active{background-color:#2196f3!important;border-color:#2196f3!important}.ant-pagination-item-active a{color:#fff!important}.ant-pagination-item a{color:#637381!important}.ant-pagination-prev,.ant-pagination-next{border:1px solid #DFE4EA!important;border-radius:6px!important;min-width:32px!important;height:32px!important;line-height:30px!important}.ant-pagination-prev button,.ant-pagination-next button{color:#637381!important}.ant-pagination-disabled button{color:#dfe4ea!important}.ant-select-selector{border:1px solid #DFE4EA!important;border-radius:8px!important;font-family:Poppins;font-size:14px!important;height:36px!important;display:flex!important;align-items:center!important}.ant-select-focused .ant-select-selector{border-color:#2196f3!important;box-shadow:0 0 0 2px #2196f31a!important}.ant-select-selection-item{color:#111928!important;font-family:Poppins}.ant-select-selection-placeholder{color:#8899a8!important;font-family:Poppins,sans-serif!important;font-size:14px!important}.ant-select-multiple .ant-select-selector{min-height:50px!important;padding:8px 12px!important;align-items:center!important}.ant-select-multiple .ant-select-selection-item{background:#e3f2fd!important;border:1px solid #2399FF!important;border-radius:6px!important;padding:4px 8px!important;font-family:Poppins,sans-serif!important;font-size:14px!important;color:#2399ff!important}.ant-checkbox-checked .ant-checkbox-inner{background-color:#2399ff!important;border-color:#2399ff!important}.ant-checkbox-wrapper:hover .ant-checkbox-inner,.ant-checkbox:hover .ant-checkbox-inner{border-color:#2399ff!important}button:focus{outline:none!important}.ant-empty-description{color:#8899a8!important;font-family:Poppins;font-size:14px!important}.ant-card{transition:all .3s ease!important}.ant-table-body::-webkit-scrollbar{width:8px;height:8px}.ant-table-body::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.ant-table-body::-webkit-scrollbar-thumb{background:#dfe4ea;border-radius:4px}.ant-table-body::-webkit-scrollbar-thumb:hover{background:#8899a8}@media(max-width:768px){.ant-table{overflow-x:auto}.ant-col{margin-bottom:16px}}.select-with-prefix-icon .ant-select-selector{padding-left:40px!important;height:50px!important}.select-with-prefix-icon .ant-select-selection-placeholder,.select-with-prefix-icon .ant-select-selection-item{padding-left:40px!important}.ant-select-multiple .ant-select-selector{height:50px!important;min-height:50px!important}.template-skema-card{width:100%;padding:24px;background:#fff;border-radius:12px;border:1px solid #f0f0f0}.template-skema-title{margin:0!important;font-size:24px!important;font-weight:700!important;font-family:Plus Jakarta Sans;line-height:30px!important;color:#111928!important}.template-skema-description{display:block;margin-top:8px;font-size:16px;font-family:Plus Jakarta Sans;line-height:24px;color:#111928}.template-skema-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:24px}.template-skema-page-size,.template-skema-actions,.template-skema-footer{display:flex;align-items:center}.template-skema-page-size{gap:8px}.template-skema-actions{gap:12px}.template-skema-muted-text{font-family:Plus Jakarta Sans;font-size:14px;color:#637381}.template-skema-select{width:70px;height:36px;padding:4px 8px;border:1px solid #dfe4ea;border-radius:8px;font-family:Plus Jakarta Sans;font-size:14px}.template-skema-search{width:280px;height:40px;font-family:Plus Jakarta Sans;font-size:14px;border-radius:8px}.template-skema-table{--template-skema-font-size: 14px;margin-top:16px;border:.5px solid #dfe4ea;border-radius:12px}.template-skema-table .ant-table-thead>tr>th,.template-skema-table .ant-table-tbody>tr>td,.template-skema-table .template-skema-text,.template-skema-table .ant-table-column-title,.template-skema-table .ant-table-column-sorters{font-size:var(--template-skema-font-size)!important}.template-skema-text{font-family:Plus Jakarta Sans;color:#111928}.template-skema-footer{justify-content:space-between;margin-top:16px}.template-skema-form{margin-top:24px}.template-skema-form .ant-form-item-label>label{font-family:Plus Jakarta Sans;font-size:14px;font-weight:600;color:#111928}.template-skema-required-mark{margin-left:2px;color:#ff4d4f}.template-skema-form .ant-input,.template-skema-form .ant-select-single{height:40px;font-family:Plus Jakarta Sans;font-size:14px}.template-skema-form .ant-input,.template-skema-form .ant-select-single .ant-select-selector{border-radius:8px!important;border-color:#dfe4ea}.template-skema-form .ant-select-single .ant-select-selector{height:40px!important;display:flex;align-items:center}.template-skema-form .ant-input::placeholder,.template-skema-form .ant-select-selection-placeholder{color:#8899a8}.template-skema-form .ant-input-disabled,.template-skema-form .ant-input[disabled],.template-skema-form .ant-select-disabled .ant-select-selection-item{color:#111928!important;-webkit-text-fill-color:#111928;opacity:1}.template-skema-form-footer{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:32px}.dashboard-component .title-page{margin-bottom:20px!important}.dashboard-component .dashboard-card-text{font-size:24px;color:#21a28f}.dashboard-component{padding:24px;background:#f9fafb;min-height:calc(100vh - 64px)}@media(max-width:1024px){.dashboard-component>div{width:100%!important;padding:16px!important}}@media(max-width:768px){.dashboard-component>div{border-radius:8px!important}.dashboard-component .ant-card{height:auto!important;min-height:140px}.dashboard-component img{width:48px!important;height:48px!important}}.dashboard-component .ant-card{transition:all .3s ease}.dashboard-component .ant-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.setting-kasbon-form-detail .ant-form-item-label>label{color:#111928!important}.setting-kasbon-form-detail .ant-input-disabled,.setting-kasbon-form-detail .ant-input[disabled],.setting-kasbon-form-detail .ant-picker-disabled input,.setting-kasbon-form-detail .ant-picker-input>input[disabled],.setting-kasbon-form-detail .ant-select-disabled .ant-select-selection-item{color:#111928!important;-webkit-text-fill-color:#111928!important;opacity:1}.setting-kasbon-form-detail .ant-checkbox-wrapper-disabled,.setting-kasbon-form-detail .ant-checkbox-wrapper-disabled span{color:#111928!important}.detail-template-skema-modal .ant-modal-content{border-radius:12px;padding:28px}.detail-template-skema-modal-title{margin:0 0 8px!important;font-family:Plus Jakarta Sans;font-size:24px!important;font-weight:700!important;color:#111928!important}.detail-template-skema-modal-description{font-family:Plus Jakarta Sans;font-size:16px;color:#374151}.detail-template-skema-modal-fields{margin-top:28px}.detail-template-skema-modal-label{margin-bottom:8px;font-family:Plus Jakarta Sans;font-size:14px;font-weight:600;color:#111928}.detail-template-skema-modal .ant-input{height:48px;border-color:#dfe4ea;border-radius:10px;background:#f5f7f9;font-family:Plus Jakarta Sans;font-size:14px;color:#637381;cursor:default}.detail-template-skema-modal-action{display:flex;align-items:flex-end}.detail-template-skema-modal-action .ant-btn{height:48px;border-color:#dfe4ea;border-radius:10px;font-family:Plus Jakarta Sans;font-size:14px;font-weight:500;color:#2399ff}@media(max-width:767px){.detail-template-skema-modal .ant-modal-content{padding:20px}}.sider-logo{display:flex;align-items:center;justify-content:center;padding:16px 24px;transition:all .2s ease-in-out}.sider-logo.collapsed{padding:16px 8px}.sider-logo img{transition:all .2s ease-in-out}.site-layout{transition:margin-left .2s ease-in-out}.ant-menu-inline-collapsed>.ant-menu-item,.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title{padding:0 calc(50% - 8px);text-align:center}.ant-menu-inline-collapsed>.ant-menu-item .ant-menu-item-icon,.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-item-icon,.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-submenu-arrow{font-size:16px;line-height:40px}.ant-layout-sider-children{overflow-y:auto;overflow-x:hidden}.ant-layout-sider-children::-webkit-scrollbar{width:6px}.ant-layout-sider-children::-webkit-scrollbar-track{background:#f1f1f1}.ant-layout-sider-children::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.ant-layout-sider-children::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.ant-menu-item:hover,.ant-menu-submenu-title:hover{color:#2399ff!important}.ant-menu-submenu-selected>.ant-menu-submenu-title{color:#2399ff!important}.ant-menu-item-selected{background-color:#e6f7ff!important;color:#2399ff!important}@media(max-width:768px){.ant-layout-sider{position:fixed!important;z-index:999!important}.site-layout{margin-left:0!important}}.ant-menu-item,.ant-menu-submenu-title{transition:all .3s ease}.ant-layout-sider-collapsed .ant-menu-item .ant-menu-item-icon+span,.ant-layout-sider-collapsed .ant-menu-submenu .ant-menu-submenu-title .ant-menu-item-icon+span,.ant-layout-sider-collapsed .ant-menu-submenu .ant-menu-submenu-title .ant-menu-submenu-arrow{opacity:0}.ant-layout-header{box-shadow:0 1px 4px #00152914}