html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}.app-shell{--shell-bg: #f6f8fb;--shell-panel: #fff;--shell-panel-soft: #f8fafc;--shell-border: #e6eaf2;--shell-border-soft: #eef1f6;--shell-text: #111827;--shell-muted: #475467;--shell-stat-muted: #667085;--shell-stat-text: #101828;--shell-selected-bg: #eff6ff;--shell-selected-text: #1d4ed8;--shell-card-shadow: 0 8px 22px rgba(15, 23, 42, .04);--shell-sider-shadow: 6px 0 24px rgba(15, 23, 42, .04);--shell-modal-shadow: 0 22px 60px rgba(15, 23, 42, .18);min-height:100vh;background:var(--shell-bg);color:var(--shell-text)}.app-shell--dark{--shell-bg: #0f172a;--shell-panel: #111827;--shell-panel-soft: #182235;--shell-border: #263244;--shell-border-soft: #1f2937;--shell-text: #f8fafc;--shell-muted: #cbd5e1;--shell-stat-muted: #94a3b8;--shell-stat-text: #f8fafc;--shell-selected-bg: rgba(96, 165, 250, .18);--shell-selected-text: #93c5fd;--shell-card-shadow: 0 10px 26px rgba(0, 0, 0, .24);--shell-sider-shadow: 6px 0 24px rgba(0, 0, 0, .22);--shell-modal-shadow: 0 22px 60px rgba(0, 0, 0, .42)}.app-shell__sider{background:var(--shell-panel)!important;border-right:1px solid var(--shell-border);box-shadow:var(--shell-sider-shadow)}.app-shell__brand{height:64px;display:flex;align-items:center;padding:0 20px;color:var(--shell-text);font-size:16px;font-weight:700;white-space:nowrap;border-bottom:1px solid var(--shell-border-soft)}.app-shell__brand--top{flex-shrink:0;height:64px;padding:0;border-bottom:0}.app-shell__menu{border-inline-end:0!important;background:transparent}.app-shell--side .app-shell__menu{padding:12px 10px}.app-shell--side .app-shell__menu .ant-menu-item{height:40px;margin-inline:0;margin-block:3px;border-radius:6px;color:var(--shell-muted)}.app-shell--side .app-shell__menu .ant-menu-item-selected{color:var(--shell-selected-text);background:var(--shell-selected-bg);font-weight:600}.app-shell--top .app-shell__menu{min-width:max-content;border-bottom:0}.app-shell--top .app-shell__menu.ant-menu-horizontal{line-height:46px}.app-shell--top .app-shell__menu .ant-menu-item{color:var(--shell-muted)}.app-shell--top .app-shell__menu .ant-menu-item-selected{color:var(--shell-selected-text);font-weight:600}.app-shell__body{min-width:0;background:var(--shell-bg)}.app-shell__main{min-width:0;padding:20px 24px 28px}.app-shell__topbar{height:64px;line-height:normal;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 24px;background:var(--shell-panel);border-bottom:1px solid var(--shell-border)}.app-shell__topbar-main{min-width:0;flex:1 1;display:flex;align-items:center}.app-shell__topbar-actions{flex-shrink:0;justify-content:flex-end}.app-shell__topbar-identity,.app-shell__topbar-identity .ant-space-item,.app-shell__profile{min-width:0}.app-shell__profile .ant-typography{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-shell__icon-button{width:34px;padding-inline:0}.app-shell__language-button{min-width:46px;padding-inline:8px}.app-shell__navrow{height:48px;padding:0 24px;background:var(--shell-panel);border-bottom:1px solid var(--shell-border)}.app-shell__navrow-inner{min-width:0;height:100%;overflow-x:auto;overflow-y:hidden}.app-shell__navrow-inner::-webkit-scrollbar{height:0}.company-login{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 0%,rgba(37,99,235,.08),transparent 28%),#f6f8fb}.company-login__card{width:min(100%,420px);border-radius:8px;border:1px solid #e6eaf2;box-shadow:0 18px 44px #0f172a17}.company-login__heading{margin-bottom:24px}.company-login__heading .ant-typography{margin-bottom:4px}.employee-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 16px;align-items:start}.employee-form-grid .ant-picker,.employee-form-grid .ant-input,.employee-form-grid .ant-input-number,.employee-form-grid .ant-input-number-affix-wrapper,.employee-form-grid .ant-input-number-group-wrapper,.employee-form-grid .ant-select{width:100%!important}.app-shell .ant-pro-page-container-children-container{padding-inline:0}.app-shell .ant-pro-page-container-warp-page-header{padding-inline:0;background:transparent}.app-shell .ant-pro-card{border:1px solid var(--shell-border);border-radius:8px;background:var(--shell-panel);box-shadow:var(--shell-card-shadow)}.app-shell .ant-table-wrapper .ant-table{border-radius:8px}.app-shell .ant-alert{border-radius:6px}.app-shell .ant-modal-content{border-radius:8px;box-shadow:var(--shell-modal-shadow)}.employee-modal .ant-modal-content{height:min(800px,calc(100vh - 24px));display:flex;flex-direction:column}.employee-modal .ant-modal-body{flex:1 1;min-height:0;overflow-y:auto}.app-shell .ant-card{border-color:var(--shell-border);border-radius:8px;box-shadow:var(--shell-card-shadow)}.app-shell .dashboard-credit-panel,.app-shell .dashboard-credit-stat-card{height:100%}.app-shell .dashboard-credit-panel{background:var(--shell-panel-soft)}.app-shell .dashboard-credit-panel .ant-card-body{min-height:126px;display:flex;flex-direction:column;justify-content:center;gap:12px}.app-shell .dashboard-credit-stat-card .ant-card-body{min-height:126px;display:flex;align-items:center}.app-shell .dashboard-credit-stat-card .ant-statistic{width:100%}.app-shell .dashboard-credit-stat-card .ant-statistic-content{white-space:nowrap}.app-shell .dashboard-credit-stat-card .ant-statistic-content-value{font-size:22px;line-height:1.25}.app-shell .deduction-summary-row .ant-col{display:flex}.app-shell .deduction-summary-card{width:100%;height:100%;min-height:160px}.app-shell .deduction-summary-card .ant-card-body{min-height:128px;display:flex;flex-direction:column;justify-content:center;gap:6px}.app-shell .deduction-summary-card .ant-statistic{width:100%}.app-shell .deduction-summary-card .ant-statistic-title,.app-shell .deduction-summary-card .ant-statistic-content{margin-bottom:0}.app-shell .deduction-summary-card .ant-statistic-content{white-space:nowrap}.app-shell .deduction-summary-card__subtext{display:block;line-height:1.35}.app-shell .ant-statistic-title{color:var(--shell-stat-muted)}.app-shell .ant-statistic-content{color:var(--shell-stat-text)}.company-filter-row{width:100%}.role-page-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px}@media (max-width: 768px){.app-shell__main{padding:12px}.app-shell__topbar{height:auto;align-items:flex-start;flex-wrap:wrap;padding:12px}.app-shell__topbar-main,.app-shell__topbar-actions{width:100%}.app-shell__topbar-main{display:block}.app-shell__topbar-actions{justify-content:flex-start}.app-shell__brand--top{height:auto;min-height:32px}.app-shell__topbar-identity{width:100%;align-items:flex-start!important;flex-wrap:wrap}.app-shell__navrow{height:44px;padding:0 12px}.app-shell--top .app-shell__menu.ant-menu-horizontal{line-height:40px}.app-shell__profile .ant-typography{max-width:min(100%,320px)}.app-shell .ant-pro-page-container-children-container,.app-shell .ant-pro-page-container-warp-page-header{padding-inline:0}.app-shell .ant-page-header-heading{align-items:flex-start;gap:10px}.app-shell .ant-page-header-heading-extra{margin-inline-start:0;width:100%}.app-shell .ant-page-header-heading-extra .ant-space,.app-shell .ant-page-header-heading-extra>*{width:100%}.app-shell .ant-page-header-heading-extra .ant-picker,.app-shell .ant-page-header-heading-extra .ant-btn{width:100%}.app-shell .ant-pro-card{border-radius:10px}.app-shell .ant-pro-card-body{padding:12px}.app-shell .ant-pro-card-contain-card>.ant-pro-card-body{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.app-shell .ant-pro-card-contain-card>.ant-pro-card-body>.ant-pro-card-col{width:auto!important;min-width:0;padding:0!important}.app-shell .ant-pro-card-split>.ant-pro-card-body{display:block!important}.app-shell .ant-pro-card-split>.ant-pro-card-body>.ant-pro-card-col{width:100%!important;padding:0!important}.app-shell .ant-statistic-title{white-space:normal}.app-shell .ant-statistic-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-shell .ant-statistic-content-value{font-size:18px;word-break:keep-all}.app-shell .ant-table-wrapper{overflow-x:auto}.app-shell .ant-table{font-size:13px}.app-shell .ant-table-cell{white-space:nowrap}.app-shell .company-employee-name-cell,.app-shell .company-deduction-employee-cell{min-width:150px;max-width:190px;white-space:normal;overflow-wrap:anywhere;line-height:1.45}.app-shell .ant-table-cell-fix-left,.app-shell .ant-table-cell-fix-left-last{position:static!important;left:auto!important}.app-shell .ant-table-cell-fix-left-last:after{display:none}.app-shell .ant-table-tbody .ant-space{gap:2px!important}.app-shell .ant-table-tbody .ant-btn-link{padding-inline:4px}.app-shell .ant-modal{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px);margin:12px auto}.app-shell .ant-modal-content{border-radius:12px}.app-shell .ant-modal-body{max-height:calc(100vh - 210px);overflow-y:auto}.app-shell .ant-modal-footer{display:flex;gap:8px}.app-shell .ant-modal-footer .ant-btn{flex:1 1;margin-inline-start:0!important}.app-shell .ant-modal .ant-space,.app-shell .company-form-row{display:flex;flex-wrap:wrap;width:100%}.app-shell .ant-modal .ant-space-item,.app-shell .company-form-row>.ant-space-item{flex:1 1 100%;min-width:0}.app-shell .ant-modal .ant-form-item,.app-shell .company-form-row .ant-form-item{width:100%}.app-shell .ant-modal .ant-input,.app-shell .ant-modal .ant-input-number,.app-shell .ant-modal .ant-input-number-group-wrapper,.app-shell .ant-modal .ant-select,.app-shell .settings-form .ant-input,.app-shell .settings-form .ant-input-number,.app-shell .settings-form .ant-select{width:100%!important}.employee-modal{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px);margin:12px auto}.employee-modal .ant-modal-content{border-radius:12px}.employee-modal .ant-modal-body{max-height:calc(100vh - 210px);overflow-y:auto}.employee-modal .ant-modal-footer{display:flex;gap:8px}.employee-modal .ant-modal-footer .ant-btn{flex:1 1;margin-inline-start:0!important}.employee-modal .employee-form{min-width:0}.employee-modal .employee-form-grid{grid-template-columns:1fr;gap:0}.employee-modal .employee-form-grid .ant-form-item,.employee-modal .employee-form-grid .ant-input,.employee-modal .employee-form-grid .ant-input-number,.employee-modal .employee-form-grid .ant-input-number-affix-wrapper,.employee-modal .employee-form-grid .ant-input-number-group-wrapper,.employee-modal .employee-form-grid .ant-select{width:100%!important}.employee-modal .employee-password-compact{display:grid!important;grid-template-columns:1fr;gap:8px}.employee-modal .employee-password-compact .ant-form-item,.employee-modal .employee-password-compact .ant-input,.employee-modal .employee-password-compact .ant-btn{width:100%!important}.employee-modal .employee-password-compact .ant-input,.employee-modal .employee-password-compact .ant-btn{border-radius:6px!important}.employee-modal .ant-radio-group{display:grid;gap:8px}.role-page-options{grid-template-columns:1fr}}
