@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/sarabun-thai-400-normal-C2DaJlKK.woff2)format("woff2"),url(/assets/sarabun-thai-400-normal-CH-UbWgg.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/sarabun-vietnamese-400-normal-igdrzAGY.woff2)format("woff2"),url(/assets/sarabun-vietnamese-400-normal-DPfkSCMy.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/sarabun-latin-ext-400-normal-BbP7GpLL.woff2)format("woff2"),url(/assets/sarabun-latin-ext-400-normal-BsmTn0SS.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/sarabun-latin-400-normal-URPBxl-K.woff2)format("woff2"),url(/assets/sarabun-latin-400-normal-DmguIS-7.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/sarabun-thai-600-normal-3dIAQ-_s.woff2)format("woff2"),url(/assets/sarabun-thai-600-normal-DWKeTe6a.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/sarabun-vietnamese-600-normal-DkxrOlLB.woff2)format("woff2"),url(/assets/sarabun-vietnamese-600-normal-BMbOgAW-.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/sarabun-latin-ext-600-normal-BRxjKUQ6.woff2)format("woff2"),url(/assets/sarabun-latin-ext-600-normal-0tXu9x_i.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/sarabun-latin-600-normal-DMD3TROr.woff2)format("woff2"),url(/assets/sarabun-latin-600-normal-9FonlkKx.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:#102e4a;font-synthesis:none;background:#f5f7fa;font-family:Sarabun,sans-serif}*{box-sizing:border-box}html{background:#f5f7fa;min-width:320px}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}.center,.login-page{place-items:center;min-height:100vh;padding:24px;display:grid}.login-page{background:linear-gradient(145deg,#102e4a 0%,#173f67 48%,#4f8fcb 100%)}.login-card{border:0;width:min(520px,100%);box-shadow:0 24px 64px #102e4a47}.login-card .ant-form-item-label>label{font-size:16px}.login-card .ant-input-affix-wrapper{min-height:48px;padding-inline:14px}.login-card .ant-input{font-size:16px}.login-card .ant-btn{min-height:48px;font-size:17px}.password-page{background:linear-gradient(145deg,#102e4a 0%,#173f67 48%,#4f8fcb 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.password-card{border:0;width:min(520px,100%);box-shadow:0 24px 64px #102e4a47}.account-password-card{width:min(520px,100%)}.app-layout{min-width:0;min-height:100vh}.brand{color:#fff;letter-spacing:.02em;place-items:center;height:64px;font-size:20px;font-weight:600;display:grid}.desktop-sidebar{height:100vh;top:0;overflow:auto;position:sticky!important}.app-header{z-index:20;justify-content:space-between;align-items:center;padding-inline:24px;line-height:normal;display:flex;position:sticky;top:0;box-shadow:0 1px #ffffff1a}.app-content{min-width:0;padding:24px}.content-container{width:min(100%,1440px);margin-inline:auto}.mobile-brand{color:#fff;align-items:center;gap:10px;font-size:18px;font-weight:600;display:none}.mobile-menu-button{min-width:44px;min-height:44px;font-size:24px;color:#fff!important}.user-actions{margin-inline-start:auto}.user-name{color:#fff!important}.user-email{color:#d7e6f5!important}.mobile-navigation .ant-drawer-body{background:#102e4a;padding:0}.mobile-navigation .ant-menu{border-inline-end:0!important}.drawer-brand{color:#fff;padding:20px 24px 12px;font-size:20px;font-weight:600}.shell-alert,.form-alert{margin-bottom:16px}.settings-layout{gap:24px;min-width:0;display:grid}.settings-heading h2{margin-block:0 4px}.settings-navigation{gap:4px;padding:2px;display:flex;overflow-x:auto}.settings-navigation-link{color:#36566f;border-radius:7px;flex:none;align-items:center;gap:8px;padding:10px 14px;font-weight:600;text-decoration:none;display:inline-flex}.settings-navigation-link:hover{color:#102e4a;background:#eef4f9}.settings-navigation-link.active{color:#fff;background:#102e4a}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;display:grid}.form-actions{margin-top:20px}.page-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.page-heading h2{margin-block:0 4px}.filter-card{border-color:#dce5ed}.filter-row{width:100%}.summary-grid .ant-card{min-width:180px}.history-list{gap:8px;margin:0;padding-inline-start:20px;display:grid}.inline-form{background:#f8fafc;border:1px solid #d9e2ec;border-radius:8px;gap:8px;margin-top:16px;padding:16px;display:grid}.inline-form label{gap:6px;display:grid}.inline-form input,.inline-form select,select{max-width:100%;min-height:38px;font:inherit;background:#fff;border:1px solid #b8c4ce;border-radius:6px;padding:6px 10px}.inline-form label:has(>input[type=checkbox]){align-items:center;gap:8px;display:flex}.inline-form input[type=checkbox]{width:16px;height:16px;min-height:0;margin:0;padding:0}.payroll-period-dialog-form{margin-top:0}.payroll-period-actions{margin-top:12px}.worker-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;display:grid}.worker-form-span{grid-column:1/-1}.worker-form .ant-form-item{margin-bottom:14px}.worker-form .ant-form-item-label{padding-bottom:4px}.worker-form .ant-form-item-extra{font-size:12px}.worker-form .ant-form-item-has-error .ant-form-item-label>label{color:var(--ant-color-error,#ff4d4f)}.worker-form .ant-form-item-with-help .ant-form-item-additional{padding-bottom:8px}.worker-form-section{color:#1f3a56;border-bottom:1px solid #e5eaf0;margin:8px 0 12px;padding-bottom:6px;font-size:15px;font-weight:600}.worker-form-section:first-child{margin-top:4px}.worker-form-name-row{grid-template-columns:160px repeat(2,minmax(0,1fr));gap:0 20px;display:grid}.worker-form-check{padding-top:30px}.worker-form-actions{margin-top:4px;padding-block:8px}.section-action{margin-inline-start:16px}.validation-list{margin-block:0;padding-inline-start:20px}.ant-table .ant-table-cell input:not([type=checkbox]):not([type=radio]){box-sizing:border-box;width:100%;min-width:100px;min-height:34px;font:inherit;border:1px solid #b8c4ce;border-radius:6px;padding:4px 8px}.erp-queue-checkbox{vertical-align:middle;cursor:pointer;width:16px;height:16px;margin:0}.ant-table-wrapper{max-width:100%}.ant-card,.ant-table-wrapper{box-shadow:0 4px 16px #102e4a0d}.ant-btn,.ant-input,.ant-select-selector{font-family:inherit}@media (width<=991px){.desktop-sidebar{display:none}.mobile-brand{display:flex}}@media (width<=767px){.app-header{height:64px;padding-inline:12px}.app-content{padding:16px}.user-actions{gap:8px!important}.user-email{display:none}.page-heading{flex-direction:column;align-items:stretch}.page-heading>.ant-btn{width:100%;min-height:44px}.page-heading h2{font-size:28px!important;line-height:1.25!important}.filter-row{flex-direction:column;align-items:stretch;gap:12px!important;display:flex!important}.filter-row>.ant-space-item{width:100%}.filter-row .ant-input-search,.filter-row .ant-select,.filter-row label,.filter-row select{width:100%!important}.filter-row label{gap:6px;display:grid}.filter-card .ant-card-body{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.filter-card .ant-card-body>label{flex:100%}.filter-card .ant-card-body>label+select{flex:100%;width:100%}.filter-card .ant-card-body>.section-action{margin:0}.form-grid,.worker-form{grid-template-columns:minmax(0,1fr)}.worker-form-span{grid-column:auto}.worker-form-name-row{grid-template-columns:minmax(0,1fr)}.worker-form-check{padding-top:0}.app-content label>select,.app-content label>input:not([type=checkbox]):not([type=radio]){width:100%;margin-top:6px;display:block}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid!important}.summary-grid>.ant-space-item,.summary-grid .ant-card{width:100%;min-width:0}.inline-form{padding:12px}.inline-form input:not([type=checkbox]),.inline-form select{width:100%;min-height:44px}.ant-card .ant-card-body{padding:16px}.ant-table-wrapper{border-radius:8px;overflow:hidden}.ant-pagination{flex-wrap:wrap;gap:8px}.ant-tabs-nav-wrap{overflow:hidden}.ant-modal{max-width:calc(100vw - 24px);margin:12px auto;padding-bottom:12px;top:0}.ant-drawer-content-wrapper{max-width:calc(100vw - 12px)!important}.ant-drawer .ant-card-head{padding-inline:16px}.ant-drawer .ant-card-extra{margin-inline-start:8px}.ant-drawer .ant-card-extra .ant-btn{white-space:normal;height:auto;min-height:36px}}@media (width<=479px){.app-content{padding:12px}.mobile-brand>span:last-child{font-size:16px}.user-name{display:none}.summary-grid{grid-template-columns:1fr}.section-action{width:100%;margin:12px 0 0;display:block}.ant-card .ant-card-head{padding-inline:16px}.ant-card .ant-card-head-title{white-space:normal}.inline-form>.ant-space{flex-wrap:wrap}.login-page,.password-page{padding:12px}}.erp-review-card{margin-bottom:16px;display:block}.erp-review-card-blocked .ant-card{opacity:.6}.erp-review-body{grid-template-columns:minmax(200px,280px) 1fr;gap:16px;display:grid}.erp-review-detail{width:100%;min-width:0}.erp-diff-table{border-collapse:collapse;width:100%}.erp-diff-table th,.erp-diff-table td{text-align:start;vertical-align:top;overflow-wrap:anywhere;border:1px solid #e5e7eb;padding:6px 8px}.erp-diff-table thead th{background:#f8fafc}.erp-diff-changed{background:#fff7e6;font-weight:600}@media (width<=768px){.erp-review-body{grid-template-columns:1fr}}.ant-table .payroll-row-error>td.ant-table-cell,.ant-table .payroll-row-error:hover>td.ant-table-cell{background:#fff1f0}.ant-table .payroll-row-error>td.ant-table-cell:first-child{box-shadow:inset 3px 0 #ff4d4f}.payroll-row-problem{margin-top:2px;font-size:13px;line-height:1.4}.payroll-row-problem .ant-btn-link,.payroll-row-problem a{align-items:center;gap:4px;height:auto;padding:2px 0;display:inline-flex}.payroll-advance-input{text-align:right;width:110px}.payroll-absence label{white-space:nowrap}.payroll-line{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0;display:flex}.payroll-line input,.payroll-line select{min-height:32px;font:inherit;border:1px solid #b8c4ce;border-radius:6px;padding:4px 8px}.payroll-line input:first-child{flex:200px}.payroll-line>div{flex-basis:100%}.payroll-absence input{width:64px}.review-layout{grid-template-columns:minmax(320px,2fr) 3fr;align-items:start;gap:16px;display:grid}.review-detail{position:sticky;top:16px}@media (width<=900px){.review-layout{grid-template-columns:1fr}}.review-row-selected>td{background:#e6f4ff!important}.review-title{margin:0;font-size:18px;font-weight:600}.review-identity{grid-template-columns:minmax(0,min(50%,400px)) minmax(0,1fr);align-items:start;gap:24px;display:grid}.review-image{width:100%;min-width:0;max-width:400px}.review-image .ant-image-img{object-fit:contain;height:auto;display:block}@media (width<=700px){.review-identity{grid-template-columns:1fr}}.review-figures{border-collapse:collapse;width:100%}.review-figures th,.review-figures td{vertical-align:top;border-bottom:1px solid #f0f0f0;padding:6px 8px}.review-figures th{text-align:left;font-weight:400}.review-figures td{text-align:right;font-variant-numeric:tabular-nums}.review-total th,.review-total td{font-weight:600}.review-sites{color:#595959;margin:4px 0 0;padding:0;font-size:12px;font-weight:400;list-style:none}.review-net th,.review-net td{border-bottom:0;font-size:22px;font-weight:700}.worker-card-picker{align-items:flex-start;gap:16px;display:flex}.worker-card-picker>.ant-image{flex:0 0 240px}.worker-card-picker-body{flex:1;min-width:0}@media (width<=640px){.worker-card-picker{flex-direction:column;gap:8px}.worker-card-picker>.ant-image{flex:none}}.payment-figures td .ant-input{text-align:right;font-variant-numeric:tabular-nums;max-width:140px}.payment-changed .ant-input{background:#fffbe6}.payment-error{color:#ff4d4f;text-align:left;font-size:12px}.payment-fields{gap:8px;display:grid}.payment-field{gap:4px;display:grid}.payment-over-short th,.payment-over-short td{color:#d46b08;font-weight:600}@media (width<=560px){.payment-figures td .ant-input{max-width:104px}}
