@font-face{font-family:Sarabun;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e9ed0bc71a38d6c1-s.p.2m2jj329378-j.woff2)format("woff2");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-weight:400;font-display:swap;src:url(../media/7062a58b1da0e8a4-s.1hwnmpdlfbr5r.woff2)format("woff2");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-weight:400;font-display:swap;src:url(../media/3d0c37763e1ee3aa-s.436q8r5--eamd.woff2)format("woff2");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-weight:400;font-display:swap;src:url(../media/a19976a16d351e92-s.p.41_1bbhnqcn3l.woff2)format("woff2");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-weight:500;font-display:swap;src:url(../media/3836391c10060ce4-s.p.2ub5ob4yff_mt.woff2)format("woff2");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-weight:500;font-display:swap;src:url(../media/f35096588af3ac65-s.1mcy67zyrjken.woff2)format("woff2");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-weight:500;font-display:swap;src:url(../media/4ef4c2244410ddd5-s.1q60sed-n-nyg.woff2)format("woff2");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-weight:500;font-display:swap;src:url(../media/6281857f0573b169-s.p.2ggoighzpvw-e.woff2)format("woff2");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-weight:600;font-display:swap;src:url(../media/a0529e96a7862c0d-s.p.3w1e23hf7mhof.woff2)format("woff2");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-weight:600;font-display:swap;src:url(../media/e1a185165aeb6b39-s.3_tzb9xzdxfhl.woff2)format("woff2");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-weight:600;font-display:swap;src:url(../media/aa5e8dae0d902b15-s.3sa03-u70a6zc.woff2)format("woff2");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-weight:600;font-display:swap;src:url(../media/22d7e241aeb09639-s.p.33ndw2snxq3le.woff2)format("woff2");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-weight:700;font-display:swap;src:url(../media/0bbfe7d70ca362ab-s.p.18qb6f14hcpif.woff2)format("woff2");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-weight:700;font-display:swap;src:url(../media/c9e7701bc8b3db09-s.2ckknpajidhx6.woff2)format("woff2");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-weight:700;font-display:swap;src:url(../media/fe9c9076d1cdc5cf-s.1kljupmg-52kq.woff2)format("woff2");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-weight:700;font-display:swap;src:url(../media/bcc136e7df79ae49-s.p.3vvwmya0_3z_s.woff2)format("woff2");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 Fallback;src:local(Arial);ascent-override:109.45%;descent-override:23.78%;line-gap-override:0.0%;size-adjust:97.58%}.sarabun_4962cb21-module__DQv_5q__className{font-family:Sarabun,Sarabun Fallback;font-style:normal}.sarabun_4962cb21-module__DQv_5q__variable{--font-sarabun:"Sarabun", "Sarabun Fallback"}
:root{--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--ease-out:cubic-bezier(.16, 1, .3, 1);--bg:#f5f6f8;--surface:#fff;--surface-2:#f7f9fb;--border:#e6e9ee;--border-strong:#d6dbe2;--text:#0f172a;--muted:#5b6573;--subtle:#94a3b8;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-soft:#eef4ff;--error:#ef4444;--danger-hover:#dc2626;--hover:#f2f5f9;--ring:#2563eb59;--ok-bg:#ecfdf3;--ok-fg:#15803d;--ok-bd:#bbf7d0;--ok-dot:#16a34a;--off-bg:#fef2f2;--off-fg:#b91c1c;--off-bd:#fecaca;--off-dot:#dc2626;--neu-bg:#f1f5f9;--neu-fg:#5b6573;--neu-bd:#e6e9ee;--neu-dot:#94a3b8;--acc-bg:#eef4ff;--acc-fg:#2563eb;--acc-bd:#bfdbfe;--shadow-card:0 1px 2px #0f172a0d, 0 1px 1px #0f172a08;--shadow-pop:0 10px 30px #0f172a21, 0 2px 6px #0f172a0f;--shadow-modal:0 24px 64px #0f172a3d;--shadow-btn-primary:0 1px 2px #2563eb40;--shadow-btn-danger:0 1px 2px #ef444440;--shadow-btn-secondary:0 1px 1px #0f172a08;--modal-backdrop:#0f172a73;--scroll-thumb:#cbd5e1;--scroll-thumb-hover:#94a3b8;--selection:#2563eb2e;--ros-wk:#eef2f7;--ros-wk-head:#e3e8f0;--ros-hol:#fdeef0;--ros-hol-head:#f7d9dc;--ros-hol-fg:#b42318;--ros-d-bg:#dbeafe;--ros-d-fg:#1d4ed8;--ros-n-bg:#fef3c7;--ros-n-fg:#b45309;--ros-r-bg:#fde2e2;--ros-r-fg:#b42318;--ros-sl-bg:#ede9fe;--ros-sl-fg:#6d28d9;--ros-pl-bg:#dcfce7;--ros-pl-fg:#15803d;--ros-v-bg:#cffafe;--ros-v-fg:#0e7490;--grp-normal-fg:#1d4ed8;--grp-normal-bg:#eaf1ff;--grp-normal-soft:#f5f8ff;--grp-holiday-fg:#b45309;--grp-holiday-bg:#fdf2e2;--grp-holiday-soft:#fffaf2;--grp-leave-fg:#6d28d9;--grp-leave-bg:#f1ecfd;--grp-leave-soft:#f8f5ff;--grp-extra-fg:#0f766e;--grp-extra-bg:#e7f8f4;--grp-extra-soft:#f3fcfa;--grp-total-fg:#3730a3;--grp-total-bg:#e3e5fc;--grp-total-soft:#eceefb;--grp-deduct-fg:#be123c;--grp-deduct-bg:#fdeef1;--grp-deduct-soft:#fff6f8;--grp-net-fg:#047857;--grp-net-bg:#d3f3e3;--grp-net-soft:#e7f9f0}[data-theme=dark]{--bg:#0b0f17;--surface:#121826;--surface-2:#0e1420;--border:#222b3b;--border-strong:#313c52;--text:#e7ebf3;--muted:#97a2b4;--subtle:#616d7e;--accent:#3b82f6;--accent-hover:#60a5fa;--accent-soft:#3b82f626;--error:#f87171;--danger-hover:#ef4444;--hover:#1a2233;--ring:#60a5fa73;--ok-bg:#22c55e21;--ok-fg:#6ee7a8;--ok-bd:#22c55e4d;--ok-dot:#22c55e;--off-bg:#f8717121;--off-fg:#fca5a5;--off-bd:#f871714d;--off-dot:#f87171;--neu-bg:#94a3b81f;--neu-fg:#97a2b4;--neu-bd:#2a3346;--neu-dot:#6b7686;--acc-bg:#3b82f629;--acc-fg:#93c5fd;--acc-bd:#3b82f659;--shadow-card:0 1px 2px #0006;--shadow-pop:0 12px 32px #0000008c;--shadow-modal:0 28px 70px #0000009e;--shadow-btn-primary:0 1px 2px #0006;--shadow-btn-danger:0 1px 2px #0006;--shadow-btn-secondary:0 1px 1px #0000004d;--modal-backdrop:#0000009e;--scroll-thumb:#2e3a4f;--scroll-thumb-hover:#3e4d66;--selection:#60a5fa40;--ros-wk:#94a3b814;--ros-wk-head:#94a3b829;--ros-hol:#f871711a;--ros-hol-head:#f8717138;--ros-hol-fg:#fca5a5;--ros-d-bg:#3b82f638;--ros-d-fg:#93c5fd;--ros-n-bg:#f59e0b38;--ros-n-fg:#fcd34d;--ros-r-bg:#f8717138;--ros-r-fg:#fca5a5;--ros-sl-bg:#8b5cf638;--ros-sl-fg:#c4b5fd;--ros-pl-bg:#22c55e38;--ros-pl-fg:#86efac;--ros-v-bg:#22d3ee38;--ros-v-fg:#67e8f9;--grp-normal-fg:#93c5fd;--grp-normal-bg:#3b82f62e;--grp-normal-soft:#3b82f612;--grp-holiday-fg:#fcd34d;--grp-holiday-bg:#f59e0b2e;--grp-holiday-soft:#f59e0b12;--grp-leave-fg:#c4b5fd;--grp-leave-bg:#8b5cf62e;--grp-leave-soft:#8b5cf612;--grp-extra-fg:#5eead4;--grp-extra-bg:#14b8a62e;--grp-extra-soft:#14b8a612;--grp-total-fg:#c7d2fe;--grp-total-bg:#6366f138;--grp-total-soft:#6366f121;--grp-deduct-fg:#fda4af;--grp-deduct-bg:#f43f5e2e;--grp-deduct-soft:#f43f5e12;--grp-net-fg:#6ee7b7;--grp-net-bg:#10b9813d;--grp-net-soft:#10b98124}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);transition:background .2s var(--ease-out), color .2s var(--ease-out)}.tnum{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--ring);outline-offset:1px;border-radius:8px}:where(button,a):focus:not(:focus-visible){outline:none}::placeholder{color:var(--muted);opacity:1}::selection{background:var(--selection)}*{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover);background-clip:padding-box}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}[data-theme=dark] input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.7)}@keyframes imp-fade{0%{opacity:0}to{opacity:1}}@keyframes imp-pop{0%{opacity:0;transform:translateY(6px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.imp-fade{animation:imp-fade .16s var(--ease-out)}.imp-pop{animation:imp-pop .18s var(--ease-out)}.ui-field{transition:border-color .15s var(--ease-out), box-shadow .15s var(--ease-out), background .15s var(--ease-out)}.ui-field:hover:not(:focus){border-color:var(--border-strong)}.ui-field:focus{border-color:var(--accent)}.ui-row{transition:background .12s var(--ease-out)}.ui-row:hover{background:var(--hover)}.pg-scroll{border-radius:0 0 12px 12px;max-height:70vh;overflow:auto}.pg-input{text-align:right;width:54px;max-width:100%;color:var(--text);background:var(--surface-2);border:1px solid var(--border);transition:border-color .12s var(--ease-out), box-shadow .12s var(--ease-out), background .12s var(--ease-out);border-radius:6px;outline:none;padding:6px 7px;font-size:12.5px;display:inline-block}.pg-input::placeholder{color:var(--subtle)}.pg-input:hover{border-color:var(--border-strong)}.pg-input:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px var(--ring)}.pg-stick{z-index:1;background:var(--surface);box-shadow:1px 0 0 var(--border);position:sticky;left:0}.ui-row:hover .pg-stick{background:var(--hover)}.ui-row.pg-dirty,.ui-row.pg-dirty:hover,.ui-row.pg-dirty .pg-stick{background:var(--accent-soft)}.ui-navlink{transition:background .12s var(--ease-out), color .12s var(--ease-out)}.unit-tab{background:var(--surface);border:1px solid var(--border);color:var(--text);transition:background .12s var(--ease-out), border-color .12s var(--ease-out), transform 60ms var(--ease-out);border-radius:10px;align-items:center;gap:9px;padding:11px 15px;font-size:13.5px;font-weight:600;text-decoration:none;display:inline-flex}.unit-tab:hover{background:var(--hover);border-color:var(--border-strong)}.unit-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.unit-tab:active{transform:translateY(1px)}.unit-2col{grid-template-columns:minmax(260px,340px) 1fr;align-items:start;gap:16px;display:grid}@media (max-width:920px){.unit-2col{grid-template-columns:1fr}}.form-2col{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}@media (max-width:920px){.form-2col{grid-template-columns:1fr}}.ui-menuitem{transition:background .1s var(--ease-out)}.ui-menuitem:hover{background:var(--hover)}@media (max-width:880px){.login-grid{grid-template-columns:1fr!important}.login-brand{display:none!important}.login-minibrand{display:flex!important}}.login-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}.login-field input:focus-visible{outline:none}.login-field input:-webkit-autofill{-webkit-text-fill-color:var(--text);caret-color:var(--text);transition:background-color 9999s ease-out}.login-field input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text);caret-color:var(--text);transition:background-color 9999s ease-out}@keyframes imp-spin{to{transform:rotate(360deg)}}.imp-spin{animation:.7s linear infinite imp-spin}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}