:root{--gradient-bg-manage:linear-gradient(90deg,#26fed8,#27a3d9);--gradient-accessible:linear-gradient(90deg,#1171ef99,#11cdef99);--gradient-active:linear-gradient(-97.125deg,#cadfff,#7db5ff 50%,#1c9dff);--gradient-navigate:linear-gradient(90deg,rgba(43,48,84,0.5) 0%,rgba(43,48,84,0.35) 40%,rgba(32,71,179,0.1) 60%,rgba(32,71,179,0));--gradient-footer:linear-gradient(270deg,#2b305464 0%,#2047b316 40%,rgba(32,71,179,0) 60%,rgba(32,71,179,0));--gradient-bg:none;--transparent:transparent;--primary-color:#32c1a9;--secondary-color:#7c3aed;--success-color:#16a34a;--warning-color:#eab308;--danger-color:#dc2626;--info-color:#0ea5e9;--text-color:#111827;--text-light:#6b7280;--bg-color:#ffffff;--light-color:#f0f0f0;--input-focus:#1976d2;--color-white:#ffffff;--color-white-only:#ffffff;--color-black:#000000;--color-black-only:#000000;--color-gray:#d1d1d1;--color-gray-dark:#5d5d5d;--color-fadeout-white:#ffffff00;--color-navy-dark:#1b1464;--color-navy-deep:#0c335c;--color-blue-dark:#2046b3;--color-blue-01:#1D3AD8;--color-blue-02:#07235E;--color-blue-03:#003c8c;--color-blue-04:#243CB9;--color-blue-05:#172987;--color-blue-06:#393D60;--color-blue-07:#2554F5;--color-blue-08:#1042A0;--color-blue-09:#1B1464;--color-blue-10:#2362ea;--color-blue-11:#111827;--color-blue-12:#0070f3;--color-blue-13:#1265c4;--color-blue-14:#1386b8;--color-blue-15:#071e4e;--color-blue-16:#183259;--color-blue-17:#0b307980;--color-blue-18:#1D3AD8;--color-blue-19:#24A3F4;--color-blue-sky:#24a3f4;--color-blue-ocean:#067dbc;--color-cyan:#14c4cc;--color-cyan-light:#27F5D966;--color-light-blue-01:#00C3F3;--color-light-blue-02:#00b5db;--color-light-blue-03:#128AA8;--color-light-blue-04:#01B3E9;--color-light-blue-05:#0c7089;--color-light-blue-06:#0093c0;--color-light-blue-07:#00B7EF;--color-light-blue-08:#01BFF2;--color-light-blue-09:#CBE8FA;--color-light-blue-10:#b6deef;--color-light-blue-11:#107FC2;--color-light-blue-12:#0f6fabff;--color-light-blue-13:#1C93C3;--color-light-blue-14:#CEFBFF6B;--color-red-bright:#ed1c24;--color-red-vivid:#ef3735;--color-yellow-bright:#f6ff00;--color-yellow-orange:#ffd02e;--color-orange-warm:#f8a43d;--color-yellow-01:#E3FF97;--color-yellow-02:#a8c25e;--color-yellow-03:#DDEE92;--color-yellow-04:#ffff00;--color-yellow-05:#c6c622;--color-green-bright:#0ab860;--color-green-01:#00b49f;--color-green-02:#50FCC3;--color-green-03:#25B585;--color-green-04:#32c292;--color-green-05:#1c926a;--color-green-06:#4FFCC3;--color-green-07:#14A5AA;--color-green-08:#0a8084;--color-green-09:#0C7686;--color-green-10:#04A992;--color-green-11:#3CC9B6;--color-green-12:#34E19A;--color-green-13:#4ddaceff;--color-green-14:#27F5D9;--color-green-15:#17848F;--color-green-16:#0b4b54;--color-green-17:#11a695;--color-green-18:#177987;--color-green-19:#25EFD7;--color-white-80:#ffffff80;--color-white-55:#ffffff8c;--color-white-80-alt:#ffffffcc;--color-black-10:#1b1b1bff;--color-black-20:#00000033;--color-black-30:#0000004d;--color-navy-30:#1a10834d;--color-black-01:#b0b0b026;--color-black-02:#26262626;--color-black-03:#0000001a;--color-black-04:#00000087;--color-black-05:#000000ea;--color-black-06:#4c4b4bb9;--color-black-07:#000000ef;--color-black-08:#BCBCBC80;--color-black-09:#00000014;--color-grey-01:#f0f0f0;--color-grey-02:#efefef;--color-grey-03:#7ABBC6;--color-grey-04:#A0A3AB;--color-grey-05:#528a94;--color-grey-06:#83868f;--color-grey-07:#ADADAD;--color-grey-08:#E5EFF4;--color-grey-09:#EBFEFF;--color-grey-10:#E8E8E8;--color-grey-11:#e9edf3;--color-grey-12:#f4f6fa;--color-grey-13:#bebebe;--color-grey-14:#e4e4e4;--color-grey-15:#f5f5f5;--color-grey-16:#444444;--color-grey-17:#353535;--color-grey-18:#F6F6F6;--color-grey-19:#F5FAFC;--color-teal-light:#edfcfe;--color-gray-blue:#031924;

    /*! for trading !*/--color-dark-cerulean:#003D99;--color-vivid-blue:#2C8FF2;--color-screamin-green:#5eff6e;--color-bright-cyan:#2eceff}body[data-vision=dark]{--gradient-bg-manage:linear-gradient(90deg,#000000,#434343);--gradient-navigate:linear-gradient(90deg,rgba(18,18,18,1) 0%,rgba(18,18,18,0.5) 40%,rgba(32,71,179,0) 60%,rgba(32,71,179,0));--gradient-bg:linear-gradient(180deg,#1a1a1a,#222831,#2b3544,#2b3544,#222831,#1a1a1a);--primary-color:#4de0c4;--secondary-color:#9f67ff;--success-color:#22c55e;--warning-color:#facc15;--danger-color:#f87171;--info-color:#38bdf8;--text-color:#e5e7eb;--text-light:#9ca3af;--bg-color:#222b3a;--light-color:#2d2d2d;--input-focus:#1976d2;--color-white:#121212;--color-black:#000000;--color-gray:#6b7280;--color-gray-dark:#4b5563;--color-fadeout-white:#ffffff00;--color-navy-dark:#ffffff;--color-navy-deep:#e0e0e0;--color-blue-dark:#e0e0e0;--color-blue-01:#ffffff;--color-blue-02:#ffffff;--color-blue-03:#003c8c;--color-blue-04:#243CB9;--color-blue-05:#172987;--color-blue-06:#393D60;--color-blue-07:#2554F5;--color-blue-08:#1042A0;--color-blue-09:#1B1464;--color-blue-10:#2362ea;--color-blue-11:#111827;--color-blue-12:#0070f3;--color-blue-13:#1265c4;--color-blue-14:#1386b8;--color-blue-15:#071e4e;--color-blue-16:#ffffff;--color-blue-17:#0d1824b0;--color-blue-18:#000000;--color-blue-19:#24A3F4;--color-blue-sky:#60a5fa;--color-blue-ocean:#ffffff;--color-cyan:#ffffff;--color-cyan-light:#27F5D966;--color-light-blue-01:#ffffff;--color-light-blue-02:#00b5db;--color-light-blue-03:#128AA8;--color-light-blue-04:#01B3E9;--color-light-blue-05:#0c7089;--color-light-blue-06:#0093c0;--color-light-blue-07:#00B7EF;--color-light-blue-08:#01BFF2;--color-light-blue-09:#CBE8FA;--color-light-blue-10:#b6deef;--color-light-blue-11:#107FC2;--color-light-blue-12:#0f6fabff;--color-light-blue-13:#1C93C3;--color-light-blue-14:#CEFBFF6B;--color-red-bright:#f87171;--color-red-vivid:#f87171;--color-yellow-bright:#d4d400;--color-yellow-orange:#f59e0b;--color-orange-warm:#fb923c;--color-yellow-01:#E3FF97;--color-yellow-02:#a8c25e;--color-yellow-03:#DDEE92;--color-yellow-04:#ffff00;--color-yellow-05:#c6c622;--color-green-bright:#34d399;--color-green-01:#00b49f;--color-green-02:#50FCC3;--color-green-03:#25B585;--color-green-04:#32c292;--color-green-05:#1c926a;--color-green-06:#4FFCC3;--color-green-07:#14A5AA;--color-green-08:#0a8084;--color-green-09:#0C7686;--color-green-10:#04A992;--color-green-11:#3CC9B6;--color-green-12:#34E19A;--color-green-13:#4ddaceff;--color-green-14:#27F5D9;--color-green-15:#17848F;--color-green-16:#0b4b54;--color-green-17:#11a695;--color-green-18:#051a1d;--color-green-19:#126976;--color-white-80:#ffffff80;--color-white-55:#ffffff8c;--color-white-80-alt:#ffffffcc;--color-black-10:#1b1b1bff;--color-black-20:#00000033;--color-black-30:#0000004d;--color-navy-30:#1a10834d;--color-black-01:#b0b0b026;--color-black-02:#26262626;--color-black-03:#0000001a;--color-black-04:#00000087;--color-black-05:#000000ea;--color-black-06:#4c4b4bb9;--color-black-07:#000000ef;--color-black-08:#BCBCBC80;--color-black-09:#00000014;--color-grey-01:#f0f0f0;--color-grey-02:#282828;--color-grey-03:#7ABBC6;--color-grey-04:#A0A3AB;--color-grey-05:#528a94;--color-grey-06:#83868f;--color-grey-07:#ADADAD;--color-grey-08:#E5EFF4;--color-grey-09:#EBFEFF;--color-grey-10:#E8E8E8;--color-grey-11:#e9edf3;--color-grey-12:#f4f6fa;--color-grey-13:#bebebe;--color-grey-14:#e4e4e4;--color-grey-15:#f5f5f5;--color-grey-16:#444444;--color-grey-17:#353535;--color-grey-18:#F6F6F6;--color-grey-19:#F5FAFC;--color-teal-light:#a5f3fc;--color-gray-blue:#1e3a8a;

    /*! for trading !*/--color-dark-cerulean:#0055CC;--color-vivid-blue:#3399FF;--color-screamin-green:#5eff6e;--color-bright-cyan:#39DFFF}body[data-vision=colorblind]{--gradient-bg-manage:linear-gradient(90deg,#0f2027,#203a43,#2c5364);--gradient-bg:linear-gradient(180deg,#1a1a1a,#222831,#2b3544,#2b3544,#222831,#1a1a1a);--primary-color:#2aa198;--secondary-color:#6b21a8;--success-color:#0284c7;--warning-color:#ca8a04;--danger-color:#b91c1c;--info-color:#0284c7;--text-color:#00fcfa;--text-light:#00fcfa;--bg-color:#222b3a;--light-color:#2d2d2d;--input-focus:#1976d2;--color-white:#00fcfa;--color-black:#000000;--color-gray:#9ca3af;--color-gray-dark:#374151;--color-fadeout-white:#ffffff00;--color-navy-dark:#00fcfa;--color-navy-deep:#00fcfa;--color-blue-dark:#00fcfa;--color-blue-01:#ffffff;--color-blue-02:#ffffff;--color-blue-03:#003c8c;--color-blue-04:#243CB9;--color-blue-05:#172987;--color-blue-06:#393D60;--color-blue-07:#2554F5;--color-blue-08:#1042A0;--color-blue-09:#1B1464;--color-blue-10:#2362ea;--color-blue-11:#111827;--color-blue-12:#0070f3;--color-blue-13:#1265c4;--color-blue-14:#1386b8;--color-blue-15:#071e4e;--color-blue-16:#ffff00;--color-blue-17:#1a3a6e97;--color-blue-18:#ffff00;--color-blue-19:#24A3F4;--color-blue-sky:#ff0;--color-blue-ocean:#0284c7;--color-cyan:#00fcfa;--color-light-blue-01:#ffffff;--color-light-blue-02:#00b5db;--color-light-blue-03:#128AA8;--color-light-blue-04:#01B3E9;--color-light-blue-05:#0c7089;--color-light-blue-06:#0093c0;--color-light-blue-07:#00B7EF;--color-light-blue-08:#01BFF2;--color-light-blue-09:#CBE8FA;--color-light-blue-10:#b6deef;--color-light-blue-11:#107FC2;--color-light-blue-12:#0f6fabff;--color-light-blue-13:#1C93C3;--color-light-blue-14:#CEFBFF6B;--color-red-bright:#b91c1c;--color-red-vivid:#dc2626;--color-yellow-bright:#ff0;--color-yellow-orange:#f98500;--color-orange-warm:#e75100;--color-yellow-01:#E3FF97;--color-yellow-02:#a8c25e;--color-yellow-03:#DDEE92;--color-yellow-04:#ffff00;--color-yellow-05:#c6c622;--color-green-bright:#0284c7;--color-green-01:#00b49f;--color-green-02:#50FCC3;--color-green-03:#25B585;--color-green-04:#32c292;--color-green-05:#1c926a;--color-green-06:#4FFCC3;--color-green-07:#14A5AA;--color-green-08:#0a8084;--color-green-09:#0C7686;--color-green-10:#04A992;--color-green-11:#3CC9B6;--color-green-12:#34E19A;--color-green-13:#4ddaceff;--color-green-14:#27F5D9;--color-green-15:#17848F;--color-green-16:#0b4b54;--color-green-17:#11a695;--color-green-18:#b0b003;--color-green-19:#ffff00;--color-white-80:#ffffff80;--color-white-55:#ffffff8c;--color-white-80-alt:#ffffffcc;--color-black-10:#1b1b1bff;--color-black-20:#00000033;--color-black-30:#0000004d;--color-navy-30:#1a10834d;--color-black-01:#b0b0b026;--color-black-02:#26262626;--color-black-03:#0000001a;--color-black-04:#00000087;--color-black-05:#000000ea;--color-black-06:#4c4b4bb9;--color-black-07:#000000ef;--color-black-08:#BCBCBC80;--color-black-09:#00000014;--color-grey-01:#f0f0f0;--color-grey-02:#282828;--color-grey-03:#7ABBC6;--color-grey-04:#A0A3AB;--color-grey-05:#528a94;--color-grey-06:#83868f;--color-grey-07:#ADADAD;--color-grey-08:#E5EFF4;--color-grey-09:#EBFEFF;--color-grey-10:#E8E8E8;--color-grey-11:#e9edf3;--color-grey-12:#f4f6fa;--color-grey-13:#bebebe;--color-grey-14:#e4e4e4;--color-grey-15:#f5f5f5;--color-grey-16:#444444;--color-grey-17:#353535;--color-grey-18:#F6F6F6;--color-grey-19:#F5FAFC;--color-teal-light:#bae6fd;--color-gray-blue:#1e3a8a}.bg-primary{background-color:var(--primary-color)}.bg-primary:hover{background-color:var(--primary-hover)}.bg-secondary{background-color:var(--secondary-color)}.bg-secondary:hover{background-color:var(--secondary-hover)}.bg-success{background-color:var(--success-color)}.bg-success:hover{background-color:var(--success-hover)}.bg-warning{background-color:var(--warning-color)}.bg-warning:hover{background-color:var(--warning-hover)}.bg-danger{background-color:var(--danger-color)}.bg-danger:hover{background-color:var(--danger-hover)}.bg-info{background-color:var(--info-color)}.bg-info:hover{background-color:var(--info-hover)}.bg-surface{background-color:var(--bg-surface)}.bg-white{background-color:var(--bg-color)}.color-primary{color:var(--primary-color)}.color-primary:hover{color:var(--primary-hover)}.color-secondary{color:var(--secondary-color)}.color-secondary:hover{color:var(--secondary-hover)}.color-success{color:var(--success-color)}.color-success:hover{color:var(--success-hover)}.color-warning{color:var(--warning-color)}.color-warning:hover{color:var(--warning-hover)}.color-danger{color:var(--danger-color)}.color-danger:hover{color:var(--danger-hover)}.color-info{color:var(--info-color)}.color-info:hover{color:var(--info-hover)}.color-surface{color:var(--bg-surface)}.color-white{color:var(--bg-color)}.flex{gap:8px}.ContainerBoxColor,.flex{display:flex;align-items:center}.ContainerBoxColor{flex-direction:column}.BoxColor{width:50px;height:50px;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1)}@font-face{font-family:Prompt;src:url(/erp-hrm-prd/_next/static/media/Prompt-Thin.76675ecf.ttf) format("truetype");font-weight:100;font-style:normal}@font-face{font-family:Prompt;src:url(/erp-hrm-prd/_next/static/media/Prompt-ThinItalic.6d2d266e.ttf) format("truetype");font-weight:100;font-style:italic}@font-face{font-family:Prompt;src:url(/erp-hrm-prd/_next/static/media/Prompt-ExtraLight.00199b58.ttf) format("truetype");font-weight:200;font-style:normal}@font-face{font-family:Prompt;src:url(/erp-hrm-prd/_next/static/media/Prompt-ExtraLightItalic.4e53974f.ttf) format("truetype");font-weight:200;font-style:italic}@font-face{font-family:Prompt;src:url(/erp-hrm-prd/_next/static/media/Prompt-Light.b57b1b8f.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Prompt;src:url(/erp-hrm-prd/_next/static/media/Prompt-LightItalic.90c8bd48.ttf) format("truetype");font-weight:300;font-style:italic}@font-face{font-family:Prompt;src:url(/erp-hrm-prd/_next/static/media/Prompt-Regular.cb4e8889.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Prompt;src:url(/erp-hrm-prd/_next/static/media/Prompt-Italic.0a6112a7.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:Prompt;src:url(/erp-hrm-prd/_next/static/media/Prompt-Medium.517ec9d4.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Prompt;src:url(/erp-hrm-prd/_next/static/media/Prompt-MediumItalic.7c319679.ttf) format("truetype");font-weight:500;font-style:italic}@font-face{font-family:Prompt;src:url(/erp-hrm-prd/_next/static/media/Prompt-SemiBold.9568f393.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Prompt;src:url(/erp-hrm-prd/_next/static/media/Prompt-SemiBoldItalic.e4022291.ttf) format("truetype");font-weight:600;font-style:italic}@font-face{font-family:Tahoma;src:url(/erp-hrm-prd/_next/static/media/tahoma.b9488f1a.ttf) format("truetype");font-weight:200;font-display:swap}@font-face{font-family:Sathorn;src:url(/erp-hrm-prd/_next/static/media/db-sathorn-x-v32.2bcc518c.ttf) format("truetype");font-weight:200;font-display:swap}@font-face{font-family:IBMPlexSansThai;src:url(/erp-hrm-prd/_next/static/media/IBMPlexSansThai-Thin.db9c313f.ttf) format("truetype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:IBMPlexSansThai;src:url(/erp-hrm-prd/_next/static/media/IBMPlexSansThai-ExtraLight.78631a92.ttf) format("truetype");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:IBMPlexSansThai;src:url(/erp-hrm-prd/_next/static/media/IBMPlexSansThai-Light.27983822.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:IBMPlexSansThai;src:url(/erp-hrm-prd/_next/static/media/IBMPlexSansThai-Regular.dd26d7f6.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IBMPlexSansThai;src:url(/erp-hrm-prd/_next/static/media/IBMPlexSansThai-Medium.dfeb3629.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:IBMPlexSansThai;src:url(/erp-hrm-prd/_next/static/media/IBMPlexSansThai-SemiBold.01010f21.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:IBMPlexSansThai;src:url(/erp-hrm-prd/_next/static/media/IBMPlexSansThai-Bold.0a39f523.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:PTT45Pride;src:url(/erp-hrm-prd/_next/static/media/ptt45pride-light.6394c9db.woff2) format("woff2"),url(/erp-hrm-prd/_next/static/media/ptt45pride-light.c834331d.woff) format("woff");font-weight:200;font-display:swap}@font-face{font-family:PTT45Pride;src:url(/erp-hrm-prd/_next/static/media/ptt45pride-regular.29b74f37.woff2) format("woff2"),url(/erp-hrm-prd/_next/static/media/ptt45pride-regular.0d675b61.woff) format("woff");font-weight:400;font-display:swap}@font-face{font-family:PTT45Pride;src:url(/erp-hrm-prd/_next/static/media/ptt45pride-bold.99c3a8c3.woff2) format("woff2"),url(/erp-hrm-prd/_next/static/media/ptt45pride-bold.b1592773.woff) format("woff");font-weight:700;font-display:swap}@font-face{font-family:helvethaica;src:url(/erp-hrm-prd/_next/static/media/DBHelvethaicaX-45Li.d6faed2e.ttf) format("woff");font-weight:300;font-display:swap}@font-face{font-family:helvethaica;src:url(/erp-hrm-prd/_next/static/media/DBHelvethaicaX-55Regular.d2a5ba10.ttf) format("woff");font-weight:400;font-display:swap}@font-face{font-family:helvethaica;src:url(/erp-hrm-prd/_next/static/media/DBHelvethaicaX-65Med.ab3860cd.ttf) format("woff");font-weight:500;font-display:swap}@font-face{font-family:ThaiSarabun;src:url(/erp-hrm-prd/_next/static/media/Sarabun-Thin.3b2604c0.ttf) format("truetype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:ThaiSarabun;src:url(/erp-hrm-prd/_next/static/media/Sarabun-ThinItalic.d2c0ae8b.ttf) format("truetype");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:ThaiSarabun;src:url(/erp-hrm-prd/_next/static/media/Sarabun-ExtraLight.435bbb31.ttf) format("truetype");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:ThaiSarabun;src:url(/erp-hrm-prd/_next/static/media/Sarabun-ExtraLightItalic.6bb3d70f.ttf) format("truetype");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:ThaiSarabun;src:url(/erp-hrm-prd/_next/static/media/Sarabun-Light.93f14ddb.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:ThaiSarabun;src:url(/erp-hrm-prd/_next/static/media/Sarabun-LightItalic.0ae588a6.ttf) format("truetype");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:ThaiSarabun;src:url(/erp-hrm-prd/_next/static/media/Sarabun-Regular.acd57112.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ThaiSarabun;src:url(/erp-hrm-prd/_next/static/media/Sarabun-Italic.a6cb5006.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:ThaiSarabun;src:url(/erp-hrm-prd/_next/static/media/Sarabun-Medium.66598d6d.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:ThaiSarabun;src:url(/erp-hrm-prd/_next/static/media/Sarabun-MediumItalic.e9b24dd4.ttf) format("truetype");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:ThaiSarabun;src:url(/erp-hrm-prd/_next/static/media/Sarabun-SemiBold.aad8844d.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:ThaiSarabun;src:url(/erp-hrm-prd/_next/static/media/Sarabun-SemiBoldItalic.4551d9b3.ttf) format("truetype");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:ThaiSarabun;src:url(/erp-hrm-prd/_next/static/media/Sarabun-Bold.030a9698.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:ThaiSarabun;src:url(/erp-hrm-prd/_next/static/media/Sarabun-BoldItalic.bc18a980.ttf) format("truetype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Roboto;src:url(/erp-hrm-prd/_next/static/media/Roboto-Thin.4803083a.ttf) format("truetype");font-weight:100;font-style:normal}@font-face{font-family:Roboto;src:url(/erp-hrm-prd/_next/static/media/Roboto-ThinItalic.a743d72d.ttf) format("truetype");font-weight:100;font-style:italic}@font-face{font-family:Roboto;src:url(/erp-hrm-prd/_next/static/media/Roboto-ExtraLight.8e1cda0b.ttf) format("truetype");font-weight:200;font-style:normal}@font-face{font-family:Roboto;src:url(/erp-hrm-prd/_next/static/media/Roboto-ExtraLightItalic.9b3f3f50.ttf) format("truetype");font-weight:200;font-style:italic}@font-face{font-family:Roboto;src:url(/erp-hrm-prd/_next/static/media/Roboto-Light.8e11f5fa.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Roboto;src:url(/erp-hrm-prd/_next/static/media/Roboto-LightItalic.9b935996.ttf) format("truetype");font-weight:300;font-style:italic}@font-face{font-family:Roboto;src:url(/erp-hrm-prd/_next/static/media/Roboto-Regular.a5023d7b.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Roboto;src:url(/erp-hrm-prd/_next/static/media/Roboto-Italic.94143061.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:Roboto;src:url(/erp-hrm-prd/_next/static/media/Roboto-Medium.f40b95bf.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Roboto;src:url(/erp-hrm-prd/_next/static/media/Roboto-MediumItalic.6333f8f6.ttf) format("truetype");font-weight:500;font-style:italic}@font-face{font-family:Roboto;src:url(/erp-hrm-prd/_next/static/media/Roboto-SemiBold.3452daa4.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Roboto;src:url(/erp-hrm-prd/_next/static/media/Roboto-SemiBoldItalic.e0d90432.ttf) format("truetype");font-weight:600;font-style:italic}@font-face{font-family:Roboto;src:url(/erp-hrm-prd/_next/static/media/Roboto-Bold.83c93bd0.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Roboto;src:url(/erp-hrm-prd/_next/static/media/Roboto-Bold.83c93bd0.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:Roboto;src:url(/erp-hrm-prd/_next/static/media/Roboto-ExtraBold.1542c412.ttf) format("truetype");font-weight:800;font-style:normal}@font-face{font-family:Roboto;src:url(/erp-hrm-prd/_next/static/media/Roboto-ExtraBoldItalic.c19e9abf.ttf) format("truetype");font-weight:800;font-style:italic}@font-face{font-family:Roboto;src:url(/erp-hrm-prd/_next/static/media/Roboto-Black.10807d2b.ttf) format("truetype");font-weight:900;font-style:normal}@font-face{font-family:Roboto;src:url(/erp-hrm-prd/_next/static/media/Roboto-Black.10807d2b.ttf) format("truetype");font-weight:900;font-style:italic}:root{--font-helvethaica:"helvethaica",sans-serif;--font-IBMPlexSansthai:"IBMPlexSansThai",sans-serif;--font-prompt:"Prompt",sans-serif;--font-ptt45pride:"PTT45Pride",sans-serif;--font-sathorn:"Sathorn",sans-serif;--font-tahoma:"Tahoma",sans-serif;--font-thaiSarabun:"ThaiSarabun",sans-serif;--text-xs-4:0.375rem;--text-xs-3:0.5rem;--text-xs-2:0.625rem;--text-xs:0.750rem;--text-sm:0.875rem;--text-base:1.000rem;--text-lg:1.125rem;--text-xl:1.250rem;--text-xl-2:1.375rem;--text-xl-3:1.500rem;--text-xl-4:1.625rem;--text-xl-5:1.750rem;--text-xl-6:1.875rem;--text-xl-7:2.000rem;--text-xl-8:2.125rem;--text-xl-9:2.250rem;--text-xl-10:2.375rem;--text-xl-11:2.500rem;--text-xl-12:2.625rem;--text-xl-13:2.750rem;--text-xl-14:2.875rem;--text-xl-15:3.000rem;--text-xl-16:3.125rem;--text-xl-17:3.250rem;--text-xl-18:3.375rem;--text-xl-19:3.500rem;--text-xl-20:3.625rem;--text-xl-21:3.750rem;--text-xl-22:3.875rem;--text-xl-23:4.000rem;--text-xl-24:4.125rem;--text-xl-25:4.250rem}body[data-fontsize=small]{--text-xs-4:0.250rem;--text-xs-3:0.375rem;--text-xs-2:0.500rem;--text-xs:0.625rem;--text-sm:0.750rem;--text-base:0.875rem;--text-lg:1.000rem;--text-xl:1.125rem;--text-xl-2:1.250rem;--text-xl-3:1.375rem;--text-xl-4:1.500rem;--text-xl-5:1.625rem;--text-xl-6:1.750rem;--text-xl-7:1.875rem;--text-xl-8:2.000rem;--text-xl-9:2.125rem;--text-xl-10:2.250rem;--text-xl-11:2.375rem;--text-xl-12:2.500rem;--text-xl-13:2.625rem;--text-xl-14:2.750rem;--text-xl-15:2.875rem;--text-xl-16:3.000rem;--text-xl-17:3.125rem;--text-xl-18:3.250rem;--text-xl-19:3.375rem;--text-xl-20:3.500rem;--text-xl-21:3.625rem;--text-xl-22:3.750rem;--text-xl-23:3.875rem;--text-xl-24:4.000rem;--text-xl-25:4.125rem}body[data-fontsize=large]{--text-xs-4:0.5rem;--text-xs-3:0.625rem;--text-xs-2:0.750rem;--text-xs:0.875rem;--text-sm:1.000rem;--text-base:1.125rem;--text-lg:1.250rem;--text-xl:1.375rem;--text-xl-2:1.500rem;--text-xl-3:1.625rem;--text-xl-4:1.750rem;--text-xl-5:1.875rem;--text-xl-6:2.000rem;--text-xl-7:2.125rem;--text-xl-8:2.250rem;--text-xl-9:2.375rem;--text-xl-10:2.500rem;--text-xl-11:2.625rem;--text-xl-12:2.750rem;--text-xl-13:2.875rem;--text-xl-14:3.000rem;--text-xl-15:3.125rem;--text-xl-16:3.250rem;--text-xl-17:3.375rem;--text-xl-18:3.500rem;--text-xl-19:3.625rem;--text-xl-20:3.750rem;--text-xl-21:3.875rem;--text-xl-22:4.000rem;--text-xl-23:4.125rem;--text-xl-24:4.250rem;--text-xl-25:4.375rem}.text-xs{font-size:var(--text-xs);line-height:calc(1 / .75)}.text-sm{font-size:var(--text-sm);line-height:calc(1.25 / .875)}.text-base{font-size:var(--text-base);line-height:calc(1.5 / 1)}.text-lg{font-size:var(--text-lg);line-height:calc(1.75 / 1.125)}.text-xl{font-size:var(--text-xl);line-height:calc(1.75 / 1.25)}.text-xl-2{font-size:var(--text-xl-2);line-height:calc(2 / 1.5)}.text-xl-3{font-size:var(--text-xl-3);line-height:calc(2.25 / 1.875)}.text-xl-4{font-size:var(--text-xl-4);line-height:calc(2.5 / 2.25)}.text-xl-5{font-size:var(--text-xl-5);line-height:1}.text-xl-6{font-size:var(--text-xl-6);line-height:1}.text-xl-7{font-size:var(--text-xl-7);line-height:1}.status-active{background-color:rgba(102,187,106,1)}.status-active,.status-inactive{display:inline-block;padding:6px 20px;border-radius:20px;font-size:14px;font-weight:500;color:white;text-align:center;min-width:150px;white-space:nowrap}.status-inactive{background-color:rgba(213,43,30,1)}.status-save{background-color:#0e479f}.status-draft,.status-save{display:inline-block;padding:6px 20px;border-radius:20px;font-size:14px;font-weight:500;color:white;text-align:center;min-width:150px;white-space:nowrap}.status-draft{background-color:#6DBEB9}.status-waiting{border:1px solid rgb(234,229,142);border-radius:25px;padding:4px 16px;color:#baba13;background-color:rgba(255,250,250,1);white-space:nowrap}.caption{font-size:.75rem;color:#aaa;font-weight:400;line-height:1.66}.grid-demo-item{background-color:#e0e0e0;padding:16px;text-align:center;border-radius:4px;border:1px solid #ccc;height:100%;display:flex}.btnCopy,.grid-demo-item{align-items:center;justify-content:center}.btnCopy{display:inline-flex;padding:8px 12px;font-size:12px;color:#111827;background-color:transparent;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease-in-out;-webkit-user-select:all;-moz-user-select:all;user-select:all}.text-left{text-align:left}.icon-check svg{fill:#278766;width:1.5rem;height:1.5rem}.theme-backend,:root{--padding-input:12px;--padding-label-shrink:0 4px;--padding-rigth-autocomplete:60px;--width-input:250px;--height-input:40px;--labelcolor-input:#666;--placeholdercolor-input:#b0b0b0;--iconcolor-input:#666;--bordercolor-input:#ccc;--bgcolor-input:#ffffff;--input-focus:#1976d2;--input-hover:#ffffff;--input-error:#d32f2f;--input-error-bg:#fff5f5;--input-value-tag:#e0e0e0;--fontsize-label:14px;--fontsize-label-shrink:12px;--fontsize-input:14px;--fontsize-input-value:14px;--bgcolor-label-shrink:linear-gradient(0deg,#ffffff,#ffffff 50%,rgba(255,255,255,0));--webkitbgcolor-label-shrink:-webkit-linear-gradient(0deg,#ffffff,#ffffff 50%,rgba(255,255,255,0));--top-label-input:5px;--shadow-input-focus:0 0 0 2px rgba(25,118,210,0.15);--shadow-input:0 4px 6px rgba(0,0,0,0.1);--border-radius-input:15px;--border-radius-textarea:15px;--option-border:none;--option-radius-input:8px;--option-max-height:200px;--option-fontweigth:400;--option-fontsize:14px;--option-padding:8px 12px;--option-selected:#f5f5f5;--option-highlighted:#e3f2fd;--svg-close-color:#666;--top-popover-picker:3rem;--modal-header-background-color:#0e4b70;--modal-header-fontsize:1rem;--modal-header-height:56px;--modal-header-color:#fff;--modal-header-padtop:8px;--modal-header-padright:24px;--modal-header-padbottom:8px;--modal-header-padleft:24px;--modal-header-border-bottom:none;--modal-close-width:40px;--modal-close-size:1.5rem;--modal-content-color:#fff;--modal-border-radius:20px;--text-color-black:#000;--text-color-white:#fff}body.dark-mode,body.dark-mode .theme-backend,body.dark-mode .theme-frontend,body[data-vision=dark],body[data-vision=dark] .theme-backend,body[data-vision=dark] .theme-frontend{--labelcolor-input:#aab2c0;--placeholdercolor-input:#6b7480;--iconcolor-input:#aab2c0;--bordercolor-input:#3a4456;--bgcolor-input:#222b3a;--input-hover:#283143;--input-value-tag:#3a4456;--input-error-bg:#3a2326;--option-selected:#2b3546;--option-highlighted:#243042;--svg-close-color:#aab2c0;--bgcolor-label-shrink:linear-gradient(0deg,#222b3a,#222b3a 50%,rgba(34,43,58,0));--webkitbgcolor-label-shrink:-webkit-linear-gradient(0deg,#222b3a,#222b3a 50%,rgba(34,43,58,0));--text-input-color:#e5e7eb;--text-input-disabled-bg:#2a2f3a}body.dark-mode input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),body.dark-mode textarea,body[data-vision=dark] input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),body[data-vision=dark] textarea{background-color:#222b3a!important;color:#e5e7eb!important}body.dark-mode input:disabled,body.dark-mode textarea:disabled,body[data-vision=dark] input:disabled,body[data-vision=dark] textarea:disabled{background-color:#2a2f3a!important}body.dark-mode .autocomplete-container,body.dark-mode .autocomplete-popup,body.dark-mode .autocomplete-popup-portal,body.dark-mode .autocomplete-tags,body[data-vision=dark] .autocomplete-container,body[data-vision=dark] .autocomplete-popup,body[data-vision=dark] .autocomplete-popup-portal,body[data-vision=dark] .autocomplete-tags{background-color:#222b3a!important;color:#e5e7eb}body.dark-mode .autocomplete-label,body[data-vision=dark] .autocomplete-label{background:#222b3a}.theme-frontend{--padding-input:20px;--padding-label-shrink:0 4px;--padding-rigth-autocomplete:60px;--width-input:300px;--height-input:40px;--width-btn:50px;--height-btn:50px;--labelcolor-input:#666;--placeholdercolor-input:#b0b0b0;--iconcolor-input:#666;--bordercolor-input:#ccc;--bgcolor-input:#ffffff;--input-focus:#1976d2;--input-hover:#ffffff;--input-error:#d32f2f;--input-error-bg:#fff5f5;--input-value-tag:#e0e0e0;--fontsize-label:16px;--fontsize-label-shrink:12px;--fontsize-input:16px;--fontsize-input-value:16px;--bgcolor-label-shrink:linear-gradient(0deg,#ffffff,#ffffff 50%,rgba(255,255,255,0));--webkitbgcolor-label-shrink:-webkit-linear-gradient(0deg,#ffffff,#ffffff 50%,rgba(255,255,255,0));--top-label-input:14px;--shadow-input-focus:0 0 0 2px rgba(25,118,210,0.15);--shadow-input:0 4px 6px rgba(0,0,0,0.1);--image-border-radius:1rem;--image-box-shadow:rgba(0,0,0,0.16) 0px 3px 6px,rgba(0,0,0,0.23) 0px 3px 6px;--border-radius-input:50px;--border-radius-textarea:30px;--option-border:0.5px solid #D1D1D1;--option-radius-input:30px;--option-max-height:280px;--option-fontweigth:300;--option-fontsize:16px;--option-padding:8px 20px;--option-selected:#bef7f0;--option-highlighted:#D5FFFA;--svg-close-color:#000000;--svg-width:1.5rem;--svg-height:1.5rem;--top-popover-picker:3.2rem;--modal-header-background-color:#fff;--modal-header-fontsize:1.25rem;--modal-header-height:56px;--modal-header-color:#1B1464;--modal-header-padtop:0px;--modal-header-padright:0px;--modal-header-padbottom:0px;--modal-header-padleft:24px;--modal-header-border-bottom:1px solid #1B146480;--modal-close-width:56px;--modal-close-background-color:#1B1464;--modal-close-size:2.8rem;--modal-content-color:#fff;--modal-border-radius:4px;--text-color-black:#000;--text-color-white:#fff}.color-danger{color:var(--input-error)!important}:root{--color-success:#28a745;--color-error:#dc3545;--color-warning:#ffc107;--color-info:#007bff;--color-delete:#ea6666;--color-cancel:#eeecec;--color-text:#545454;--color-overlay:rgba(0,0,0,0.4)}