@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(../media/c3cb240f9c892514-s.163v2i5cux7-c.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:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(../media/5c285b27cdda1fe8-s.p.0yo6-5yoeeudq.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:DM Sans Fallback;src:local(Arial);ascent-override:94.9%;descent-override:29.66%;line-gap-override:0.0%;size-adjust:104.53%}.dm_sans_34a85c05-module__gGo3DG__className{font-family:DM Sans,DM Sans Fallback;font-style:normal}.dm_sans_34a85c05-module__gGo3DG__variable{--font-dm-sans:"DM Sans", "DM Sans Fallback"}
@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:100;font-display:swap;src:url(../media/77a891e5742cc134-s.0ez8vc0jjtugr.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:100;font-display:swap;src:url(../media/04f2bd2afa807ebe-s.p.0ks--zqz5wavy.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:100;font-display:swap;src:url(../media/da9c0b9f205cc42f-s.0f87vdszqhzji.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:IBM Plex Sans Thai;font-style:normal;font-weight:100;font-display:swap;src:url(../media/7b60eea355d29e65-s.p.0af0lg4ygkrf2.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:IBM Plex Sans Thai;font-style:normal;font-weight:200;font-display:swap;src:url(../media/c1c02e56bd0861fe-s.15-6q2-knhkx3.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:200;font-display:swap;src:url(../media/47a705c7ed0eab21-s.p.0ptu4sultec18.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:200;font-display:swap;src:url(../media/a6601a300cb75ead-s.0a-p~ud48.aen.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:IBM Plex Sans Thai;font-style:normal;font-weight:200;font-display:swap;src:url(../media/25390075d9922645-s.p.02f5bnoke75cw.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:IBM Plex Sans Thai;font-style:normal;font-weight:300;font-display:swap;src:url(../media/57c9eb05141b6b7c-s.09dd5y52jc5rt.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:300;font-display:swap;src:url(../media/c73fb3e54683eaf8-s.p.10-ku.r4hcrjo.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:300;font-display:swap;src:url(../media/caaacb6502e94400-s.0678ct_lfye5g.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:IBM Plex Sans Thai;font-style:normal;font-weight:300;font-display:swap;src:url(../media/d9fa5058ff337146-s.p.0.uojefwi-6od.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:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(../media/08f3d05b771d66cc-s.02.3m.z9py4_p.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(../media/413670c8b897121b-s.p.14ap8~zrl6szq.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(../media/72b93e0389b54497-s.0.u5885n6nh5m.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:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ab8c2f9dfe50fb3c-s.p.02z9z4k9hf4m9.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:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:swap;src:url(../media/57f2d0e8dd065b18-s.0weekw4rtjj~..woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:swap;src:url(../media/966a1ae9b0187c65-s.p.16f3t..oolz7~.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:swap;src:url(../media/25d906941e607a44-s.0lxz35w72rj-1.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:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:swap;src:url(../media/666deae7c569669f-s.p.0wbhs3.w672uy.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:IBM Plex Sans Thai;font-style:normal;font-weight:600;font-display:swap;src:url(../media/cce0da533fe89a78-s.0nlsrqwh8q3p8.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;font-display:swap;src:url(../media/411573def610439a-s.p.0xiiz24wsq24s.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;font-display:swap;src:url(../media/0f35197ba25d2b5b-s.0btkb4ac4ikdr.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:IBM Plex Sans Thai;font-style:normal;font-weight:600;font-display:swap;src:url(../media/e4b5e1d5de235207-s.p.0agc93klb0f7e.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:IBM Plex Sans Thai;font-style:normal;font-weight:700;font-display:swap;src:url(../media/cdf71b3840042aba-s.0u7tcimkd~9n1.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:700;font-display:swap;src:url(../media/86fee4a10e2832ea-s.p.0yseaop5hit0-.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b1ef0ab36ab59f4e-s.0j0xf~qrmsfka.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:IBM Plex Sans Thai;font-style:normal;font-weight:700;font-display:swap;src:url(../media/9fdf3a539c009271-s.p.07ns-dtj7gzka.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:IBM Plex Sans Thai Fallback;src:local(Arial);ascent-override:110.31%;descent-override:52.78%;line-gap-override:0.0%;size-adjust:101.17%}.ibm_plex_sans_thai_29dfe422-module__z3DU-q__className{font-family:IBM Plex Sans Thai,IBM Plex Sans Thai Fallback;font-style:normal}.ibm_plex_sans_thai_29dfe422-module__z3DU-q__variable{--font-plex-thai:"IBM Plex Sans Thai", "IBM Plex Sans Thai Fallback"}
*,:before,:after{font-family:inherit}@theme{--color-arctic-blue-100: #f1f6fd; --color-arctic-blue-200: #d2e2f9; --color-arctic-blue-300: #a4c4f4; --color-arctic-blue-400: #76a6ef; --color-arctic-blue-500: #2d77e6; --color-arctic-blue-600: #185ec9; --color-arctic-blue-700: #12499b; --color-arctic-blue-800: #104089; --color-arctic-blue-900: #0d336e; --color-azolla-green-100: #e6fff0; --color-azolla-green-200: #b8ffd4; --color-azolla-green-300: #9df8c1; --color-azolla-green-400: #6de9a0; --color-azolla-green-500: #3de086; --color-azolla-green-600: #00cc65; --color-azolla-green-700: #00b74d; --color-azolla-green-800: #008836; --color-azolla-green-900: #004d1e; --color-blue-sky-100: #ecfbfe; --color-blue-sky-200: #d9f5fe; --color-blue-sky-300: #c5ebfc; --color-blue-sky-400: #b6e1fa; --color-blue-sky-500: #9ed2f8; --color-blue-sky-600: #73a6d5; --color-blue-sky-700: #4f7db2; --color-blue-sky-800: #32588f; --color-blue-sky-900: #1e3d77; --color-pyro-orange-100: #fdf8e3; --color-pyro-orange-200: #f8e691; --color-pyro-orange-300: #f8e175; --color-pyro-orange-400: #f7db52; --color-pyro-orange-500: #f4962d; --color-pyro-orange-600: #f37421; --color-pyro-orange-700: #f15e22; --color-pyro-orange-800: #ef4423; --color-pyro-orange-900: #ed2024; --color-magma-red-100: #fef3f2; --color-magma-red-200: #fee1dd; --color-magma-red-300: #fcc6c0; --color-magma-red-400: #faa198; --color-magma-red-500: #f67062; --color-magma-red-600: #d92d20; --color-magma-red-700: #b82015; --color-magma-red-800: #981d14; --color-magma-red-900: #7e1d16; --color-black-carbon-100: #f6f7f9; --color-black-carbon-200: #cfd5dd; --color-black-carbon-300: #b1bbc8; --color-black-carbon-400: #5c6e84; --color-black-carbon-500: #475566; --color-black-carbon-600: #323c48; --color-black-carbon-700: #2a323c; --color-black-carbon-800: #1d232a; --color-black-carbon-900: #15191e; --color-cool-white-100: #fff; --color-cool-white-200: #f8fbfb; --color-transparency-arctic-blue-100: #1040891a; --color-transparency-arctic-blue-200: #10408933; --color-transparency-arctic-blue-300: #1040894d; --color-transparency-arctic-blue-400: #10408966; --color-transparency-arctic-blue-500: #10408980; --color-transparency-arctic-blue-600: #10408999; --color-transparency-arctic-blue-700: #104089b2; --color-transparency-arctic-blue-800: #104089cc; --color-transparency-arctic-blue-900: #104089e5; --color-transparency-azolla-green-100: #00cc651a; --color-transparency-azolla-green-200: #00cc6533; --color-transparency-azolla-green-300: #00cc654d; --color-transparency-azolla-green-400: #00cc6566; --color-transparency-azolla-green-500: #00cc6580; --color-transparency-azolla-green-600: #00cc6599; --color-transparency-azolla-green-700: #00cc65b2; --color-transparency-azolla-green-800: #00cc65cc; --color-transparency-azolla-green-900: #00cc65e5; --color-transparency-blue-sky-100: #9ed2f81a; --color-transparency-blue-sky-200: #9ed2f833; --color-transparency-blue-sky-300: #9ed2f84d; --color-transparency-blue-sky-400: #9ed2f866; --color-transparency-blue-sky-500: #9ed2f880; --color-transparency-blue-sky-600: #9ed2f899; --color-transparency-blue-sky-700: #9ed2f8b2; --color-transparency-blue-sky-800: #9ed2f8cc; --color-transparency-blue-sky-900: #9ed2f8e5; --color-transparency-pyro-orange-100: #f15e221a; --color-transparency-pyro-orange-200: #f15e2233; --color-transparency-pyro-orange-300: #f15e224d; --color-transparency-pyro-orange-400: #f15e2266; --color-transparency-pyro-orange-500: #f15e2280; --color-transparency-pyro-orange-600: #f15e2299; --color-transparency-pyro-orange-700: #f15e22b2; --color-transparency-pyro-orange-800: #f15e22cc; --color-transparency-pyro-orange-900: #f15e22e5; --color-transparency-magma-red-100: #d92d201a; --color-transparency-magma-red-200: #d92d2033; --color-transparency-magma-red-300: #d92d204d; --act-font-family: var(--font-dm-sans), var(--font-plex-thai), sans-serif; --color-transparency-magma-red-400: #d92d2066; --color-transparency-magma-red-500: #d92d2080; --color-transparency-magma-red-600: #d92d2099; --color-transparency-magma-red-700: #d92d20b2; --color-transparency-magma-red-800: #d92d20cc; --color-transparency-magma-red-900: #d92d20e5; --color-transparency-black-carbon-100: #1d232a1a; --color-transparency-black-carbon-200: #1d232a33; --color-transparency-black-carbon-300: #1d232a4d; --color-transparency-black-carbon-400: #1d232a66; --color-transparency-black-carbon-500: #1d232a80; --color-transparency-black-carbon-600: #1d232a99; --color-transparency-black-carbon-700: #1d232ab2; --color-transparency-black-carbon-800: #1d232acc; --color-transparency-black-carbon-900: #1d232ae5; --color-transparency-cool-white-100: #ffffff1a; --color-transparency-cool-white-200: #fff3; --color-transparency-cool-white-300: #ffffff4d; --color-transparency-cool-white-400: #fff6; --color-transparency-cool-white-500: #ffffff80; --color-transparency-cool-white-600: #fff9; --color-transparency-cool-white-700: #ffffffb2; --color-transparency-cool-white-800: #fffc; --color-transparency-cool-white-900: #ffffffe5; --spacing-act-50: 2px; --spacing-act-100: 4px; --spacing-act-150: 6px; --spacing-act-200: 8px; --spacing-act-300: 12px; --spacing-act-400: 16px; --act-space-200: var(--spacing-act-200); --act-space-300: var(--spacing-act-300); --act-space-400: var(--spacing-act-400); --act-space-500: var(--spacing-act-500); --act-space-600: var(--spacing-act-600); --act-space-700: var(--spacing-act-700); --act-space-800: var(--spacing-act-800); --act-space-900: var(--spacing-act-900); --act-space-1000: var(--spacing-act-1000); --spacing-act-500: 20px; --spacing-act-600: 24px; --spacing-act-700: 32px; --spacing-act-800: 40px; --spacing-act-900: 48px; --spacing-act-1000: 64px; --spacing-act-1100: 80px; --spacing-act-1200: 120px; --spacing-act-1300: 160px; --spacing-act-1400: 200px; --spacing-act-1500: 300px; --spacing-act-1600: 400px; --spacing-act-1700: 600px; --spacing-act-1800: 800px; --spacing-act-1900: 1000px; --background-image-pyro: linear-gradient(145deg, #ffd480 17%, #ff384c 67%); --background-image-line: linear-gradient(90deg, var(--color-blue-sky-500) 0%, var(--color-azolla-green-200) 25%, var(--color-azolla-green-500) 50%, var(--color-pyro-orange-500) 75%, var(--color-pyro-orange-700) 100%); --background-image-act: linear-gradient(98deg, var(--color-azolla-green-500) 0%, var(--color-azolla-green-600) 50%, var(--color-arctic-blue-500) 100%); --radius-act-100: 8px; --radius-act-200: 16px; --radius-act-300: 24px; --radius-act-400: 40px; --radius-act-500: 80px; --radius-act-9999: 9999px; --shadow-act-card: 0px 2px 6px #15191e1a; --shadow-act-dialog: 0px 4px 8px #15191e29; --shadow-act-dropdown: 0px 4px 8px #15191e29; --shadow-act-bottom-sheet: 0px -16px 48px #15191e0a; --shadow-act-bt: 0px 4px 20px var(--color-azolla-green-400);}:root{--sidebar-width:247px;--color-arctic-blue-100:#f1f6fd;--color-arctic-blue-200:#d2e2f9;--color-arctic-blue-300:#a4c4f4;--color-arctic-blue-400:#76a6ef;--color-arctic-blue-500:#2d77e6;--color-arctic-blue-600:#185ec9;--color-arctic-blue-700:#12499b;--color-arctic-blue-800:#104089;--color-arctic-blue-900:#0d336e;--color-azolla-green-100:#e6fff0;--color-azolla-green-200:#b8ffd4;--color-azolla-green-300:#9df8c1;--color-azolla-green-400:#6de9a0;--color-azolla-green-500:#3de086;--color-azolla-green-600:#00cc65;--color-azolla-green-700:#00b74d;--color-azolla-green-800:#008836;--color-azolla-green-900:#004d1e;--color-blue-sky-100:#ecfbfe;--color-blue-sky-200:#d9f5fe;--color-blue-sky-300:#c5ebfc;--color-blue-sky-400:#b6e1fa;--color-blue-sky-500:#9ed2f8;--color-blue-sky-600:#73a6d5;--color-blue-sky-700:#4f7db2;--color-blue-sky-800:#32588f;--color-blue-sky-900:#1e3d77;--color-pyro-orange-100:#fdf8e3;--color-pyro-orange-200:#f8e691;--color-pyro-orange-300:#f8e175;--color-pyro-orange-400:#f7db52;--color-pyro-orange-500:#f4962d;--color-pyro-orange-600:#f37421;--color-pyro-orange-700:#f15e22;--color-pyro-orange-800:#ef4423;--color-pyro-orange-900:#ed2024;--color-black-carbon-100:#f6f7f9;--color-black-carbon-200:#cfd5dd;--color-black-carbon-300:#b1bbc8;--color-black-carbon-400:#5c6e84;--color-black-carbon-500:#475566;--color-black-carbon-600:#323c48;--color-black-carbon-700:#2a323c;--color-black-carbon-800:#1d232a;--color-black-carbon-900:#15191e;--act-sys-color-brand-secondary-black-carbon:#1d232a;--act-sys-color-status-success-text:var(--color-azolla-green-800);--act-sys-color-status-success-background:var(--color-azolla-green-100);--act-sys-color-border-primary:var(--color-black-carbon-200);--act-font-family:var(--font-dm-sans), var(--font-plex-thai), sans-serif;--surface-carbon-black:#1d232a;--button-azolla-hover:#3de086;--border-secondary:#12499b;--text-paragraph-primary:#2a323c;--surface-azolla-green:#e6fff0;--act-cool-white-100:#fff;--act-cool-white-200:#f8fbfb;--ab:var(--color-arctic-blue-800);--ab100:var(--color-arctic-blue-200);--ab200:var(--color-arctic-blue-300);--ab600:var(--color-arctic-blue-600);--ab800:var(--color-arctic-blue-900);--ag:var(--color-azolla-green-600);--ag100:var(--color-azolla-green-100);--ag600:var(--color-azolla-green-700);--ag700:var(--color-azolla-green-800);--as:var(--color-blue-sky-500);--as100:var(--color-blue-sky-100);--as200:var(--color-blue-sky-200);--as300:var(--color-blue-sky-300);--as600:var(--color-blue-sky-600);--af:var(--color-pyro-orange-700);--ac:var(--color-black-carbon-800);--bg:var(--color-arctic-blue-100);--sur:#fff;--sur2:#f8fbfc;--bd:#10408914;--bdm:#1040892e;--tx:var(--color-black-carbon-800);--tx2:var(--color-black-carbon-700);--tx3:var(--color-black-carbon-400);--radius-sm:var(--radius-act-100,8px);--radius-md:10px;--radius-lg:14px;--radius-xl:20px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-dm-sans), var(--font-plex-thai), sans-serif;background:var(--bg);color:var(--tx);-webkit-font-smoothing:antialiased;letter-spacing:.2px;font-size:12px}.app-shell{width:100%;max-width:100%;height:100dvh;display:flex;overflow:hidden}.sidebar{background:var(--act-sys-color-brand-secondary-black-carbon,#1d232a);flex-direction:column;flex-shrink:0;width:247px;display:flex}.sb-logo{flex-direction:column;align-items:flex-start;gap:8px;padding:24px 24px 20px;display:flex;position:relative}.sb-collapse-btn{background:var(--color-black-carbon-200);width:28px;height:28px;color:var(--color-black-carbon-800);cursor:pointer;z-index:10;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:inline-flex;position:absolute;top:24px;right:24px}.sb-collapse-btn:hover{background:#fff9}.sb-logo-box{flex-shrink:0;justify-content:center;align-items:center;width:70px;height:36px;display:flex}.sb-brand{flex-direction:column;line-height:1.1;display:flex}.sb-brand-main{color:#fff;letter-spacing:-.01em;font-size:17px;font-weight:800}.sb-brand-sub{color:var(--color-black-carbon-300);margin-top:2px;font-size:12px;font-weight:400;line-height:16px}.sb-nav{scrollbar-width:thin;scrollbar-color:var(--color-black-carbon-500,#475566) transparent;flex:1;padding:8px 0;overflow-y:auto}.sb-nav::-webkit-scrollbar{width:6px}.sb-nav::-webkit-scrollbar-track{background:0 0}.sb-nav::-webkit-scrollbar-thumb{background:var(--color-black-carbon-500,#475566);border-radius:9999px}.sb-nav::-webkit-scrollbar-thumb:hover{background:var(--color-black-carbon-400,#5c6e84)}.sb-section{width:100%;color:var(--color-black-carbon-200);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;padding:4px 24px;font-family:inherit;font-size:14px;font-weight:600;line-height:20px;display:flex}.sb-section:hover{color:#fff}.sb-section-caret{flex-shrink:0;transition:transform .15s;transform:rotate(0)}.sb-section-caret.open{transform:rotate(180deg)}.sb-item{color:#ffffffbf;letter-spacing:0;white-space:nowrap;border-left:none;align-items:center;gap:8px;padding:16px 24px;font-size:16px;font-weight:600;line-height:24px;text-decoration:none;transition:all .15s;display:flex;position:relative}.sb-item-label{text-overflow:ellipsis;flex:1;overflow:hidden}.sb-icon{opacity:.9;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.sb-item-short{display:none}.sb-item:hover{color:#fff;background:#ffffff0d}.sb-item.active{background:var(--color-black-carbon-500,#475566);color:#fff}.sb-item.active .sb-icon{opacity:1}.sb-item.active:after{content:"";background:var(--color-blue-sky-500,#9ed2f8);border-radius:4px 0 0 4px;width:4px;position:absolute;top:0;bottom:0;right:0}.sb-dot{background:#fff3;border-radius:50%;flex-shrink:0;width:6px;height:6px}.sb-dot.g{background:var(--ag);box-shadow:0 0 6px var(--ag)}.sb-dot.b{background:var(--color-arctic-blue-500);box-shadow:0 0 6px var(--color-arctic-blue-500)}.sb-dot.o{background:var(--color-pyro-orange-500);box-shadow:0 0 6px var(--color-pyro-orange-500)}.sb-dot.f{background:var(--color-magma-red-600);box-shadow:0 0 6px #d92d2073}.sb-dot.p{background:#8b5cf6;box-shadow:0 0 6px #8b5cf6}.sb-badge{color:#fff;background:#8b3a00;border-radius:99px;flex-shrink:0;margin-left:6px;padding:2px 7px;font-size:10px;font-weight:800;line-height:1;display:inline-block;box-shadow:0 2px 5px #0000004d}.sb-user{background:var(--act-sys-color-brand-secondary-black-carbon,#1d232a);border-top:none;align-items:center;gap:8px;padding:16px 24px;display:flex}.sb-av{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex}.sb-uname{color:#fff;letter-spacing:0;font-size:16px;font-weight:600;line-height:24px}.sb-role-badge{letter-spacing:.2px;border-radius:0;margin-top:0;padding:0;font-size:12px;font-weight:400;line-height:16px;display:block;color:var(--color-black-carbon-300)!important;background:0 0!important}.sb-signout-btn{cursor:pointer;color:#fff6;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.sb-signout-btn:hover{color:#fff;background:#ffffff1a}@media (min-width:769px){.sidebar{transition:width .2s}.sidebar.collapsed{width:72px;overflow:hidden}.sidebar.collapsed .sb-item{justify-content:center;gap:0;min-height:52px;padding:0}.sb-rail-divider{justify-content:center;align-items:center;height:28px;display:flex}.sb-rail-divider:before{content:"";border-top:1px solid var(--act-comp-divider-color-primary,#cfd5dd);width:24px;display:block}}.main-area{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.topbar{background:0 0;border-bottom:none;flex-shrink:0;justify-content:space-between;align-items:center;height:auto;padding:24px;display:flex}.tb-title-group{align-items:center;gap:14px;display:flex}.tb-icon-main{color:var(--ab);background:var(--as100);border-radius:12px;padding:6px}.alnk{text-decoration:none}.tb-title{color:var(--ab);font-size:22px;font-weight:800;line-height:1.2}.tb-right{align-items:center;gap:8px;display:flex}.tb-back{color:var(--tx3);cursor:pointer;align-items:center;gap:5px;font-size:12px;text-decoration:none;display:flex}.tb-sep{color:#1040894d;margin:0 4px;font-size:14px}.top-nav{background:#fff;flex-direction:row;flex-shrink:0;align-self:stretch;align-items:center;gap:79px;height:40px;padding:8px 24px;display:flex}.top-nav-date{font-family:var(--font-dm-sans), var(--font-plex-thai), sans-serif;color:#2a323c;flex:1;font-size:16px;font-weight:600;line-height:24px}.top-nav-logo{flex-direction:column;flex-shrink:0;align-items:flex-start;gap:2px;display:none}.top-nav-logo img{object-fit:contain;width:70px;height:36px}.top-nav-logo-sub{letter-spacing:.2px;color:var(--color-black-carbon-300,#b1bbc8);font-size:12px;font-weight:400;line-height:16px}.content{flex:1;padding:0 24px 24px;overflow-y:auto}.page-heading{color:var(--ab);margin:0 0 16px;font-size:20px;font-weight:700;line-height:1.3}.filter-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.btn{text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:12px;height:44px;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:600;line-height:1.2;text-decoration:none;transition:all .15s;display:inline-flex}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.btn:active{transform:translateY(0)}.btn-p{background:var(--color-arctic-blue-800);color:#fff}.btn-p:hover{background:var(--ab800)}.btn-g{background:var(--ag);color:#fff}.btn-g:hover{background:var(--ag600)}.btn-o{background:var(--color-pyro-orange-500);color:#fff}.btn-o:hover{background:var(--color-pyro-orange-600)}.btn-sm.g{color:var(--ag600)}.btn-sm.g:hover{background:var(--ag100)}.btn-outline{color:var(--color-arctic-blue-800);background:#c5ebfc;border:none}.btn-outline:hover{background:#b6e1fa}.btn-flat{background:var(--act-sys-color-border-default,#cfd5dd);color:var(--act-sys-color-asset-carbon-black-700,#2a323c)}.btn-flat:hover{background:var(--color-black-carbon-300,#c2cdde)}.btn-ghost{color:var(--tx3);border:1px solid var(--bd);background:0 0}.btn-ghost:hover{background:var(--sur2);color:var(--tx2)}.btn-cancel{min-width:120px;padding:var(--act-space-200,8px) var(--act-space-400,16px);justify-content:center;align-items:center;gap:var(--act-space-300,12px);background:var(--act-comp-button-secondary-carbon-default,#cfd5dd);color:var(--color-black-carbon-800,#2a323c);border:none;display:flex}.btn-cancel:hover{background:var(--color-black-carbon-300,#b8c1cc)}.btn-danger{background:var(--act-comp-button-danger-default,#d92d20);color:#fff;border:none}.btn-danger:hover{background:#b42318}.card{background:var(--sur);border:1px solid var(--bd);border-radius:var(--radius-act-200,16px);box-shadow:var(--shadow-act-card);margin-bottom:14px;overflow:hidden}.card-overflow-visible{overflow:visible!important}.card:last-child{margin-bottom:0}.ch{border-bottom:1px solid var(--bd);justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.ch-t{letter-spacing:0;color:#2a323c;font-size:16px;font-weight:600;line-height:24px;font-family:var(--font-dm-sans), var(--font-plex-thai), sans-serif}.ch-sub{color:var(--tx3);margin-top:1px;font-size:10px}.ch-l{color:var(--ab);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:11px;font-weight:600;text-decoration:none}.cb{padding:16px 18px}.sc{min-height:112px;font-family:var(--act-font-family);background:#fff;border:1px solid #cfd5dd;border-radius:16px;flex-direction:column;flex:1;align-items:flex-start;gap:4px;padding:16px;display:flex}.sc-lb{color:var(--tx3);font-size:12px;font-weight:500}.sc-v{color:var(--ac);font-size:28px;font-weight:700;line-height:1.1}.sc-sub{color:var(--tx3);font-size:12px}.approve-qty-grid{grid-template-columns:1fr 140px 160px;display:grid}.pr-mobile-actions,.mobile-action-bar,.aq-item-no,.aq-lbl{display:none}.detail-grid{grid-template-columns:1fr 1.6fr;align-items:start;gap:14px;margin-bottom:14px;display:grid}table{border-collapse:collapse;width:100%;font-family:var(--act-font-family);font-size:12px}th{text-align:left;color:var(--act-sys-color-text-body-primary,#2a323c);background:var(--act-sys-color-background-secondary,#f8fbfb);letter-spacing:.2px;white-space:nowrap;border-bottom:none;padding:8px 12px;font-size:12px;font-weight:600;line-height:16px}td{border-bottom:1px solid var(--bd);color:var(--act-sys-color-text-body-primary,#2a323c);vertical-align:middle;letter-spacing:.2px;background:#fff;padding:8px 12px;font-size:12px;font-weight:400;line-height:16px}tr:last-child td{border-bottom:none}tr:hover td{background:#10408908}.pill{white-space:nowrap;border-radius:6px;flex-direction:row;justify-content:center;align-items:center;gap:4px;min-height:20px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.p-pend{background:var(--color-pyro-orange-100);color:var(--color-pyro-orange-500)}.p-appr{background:var(--color-azolla-green-100);color:var(--color-azolla-green-700)}.p-active{background:var(--act-comp-badge-surface-success,#e6fff0);color:var(--act-comp-badge-text-success,#00b74d)}.p-inactive{background:var(--act-comp-badge-surface-error,#fef3f2);color:var(--act-comp-badge-text-error,#d92d20)}.p-ord{color:#2d77e6;background:#ecfbfe}.p-rec{color:#00b74d;background:#e6fff0}.p-dft{background:var(--color-black-carbon-100);color:var(--color-black-carbon-600)}.p-rej{color:#d92d20;background:#fef3f2}.p-part{color:#f4962d;background:#fdf8e3}.fg{flex-direction:column;gap:5px;margin-bottom:12px;display:flex}.form-lbl{color:var(--tx2);letter-spacing:.02em;margin-bottom:5px;font-size:11px;font-weight:700;display:block}.req{color:var(--af)}.finp,.ftxt{border:1px solid var(--bdm);width:100%;color:var(--tx);background:#fff;border-radius:16px;outline:none;padding:9px 12px;font-family:inherit;font-size:13px;transition:border-color .15s}.fsel{border:1px solid var(--bdm);width:100%;color:var(--tx);appearance:none;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23475566' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 12px center/16px no-repeat;border-radius:16px;outline:none;padding:9px 36px 9px 12px;font-family:inherit;font-size:13px;transition:border-color .15s}.finp:focus,.fsel:focus,.ftxt:focus{border-color:var(--ag);box-shadow:0 0 0 3px #00cc651a}.finp:disabled,.fsel:disabled,.ftxt:disabled{color:#cfd5dd;cursor:default;background:#f6f7f9;border-color:#cfd5dd}.ftxt-err,.finp-err,.fsel-err{border:1px solid #d92d20!important}.ftxt-err::placeholder,.finp-err::placeholder{opacity:1;color:#d92d20!important}.ftxt-err:focus,.finp-err:focus,.fsel-err:focus{border:1px solid #d92d20!important;box-shadow:0 0 0 3px #d92d201f!important}.field-err-msg{align-items:center;gap:5px;margin-top:4px;font-size:12px;display:flex;color:#d92d20!important}.finp::placeholder{color:#aab8cc}.ftxt{resize:vertical;min-height:70px;line-height:1.6}.fg-grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.fg-grid2>.fg-span2{grid-column:1/-1}.fg-grid3{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.fg-full{grid-column:1/-1}.form-actions{background:var(--sur);border-top:1px solid var(--bd);flex-shrink:0;gap:8px;padding:14px 24px;display:flex}.perm-list{background:#0000000a;border-radius:10px;flex-direction:column;gap:1px;display:flex;overflow:hidden}.perm-item{background:#fff;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.perm-t{color:var(--ab);font-size:13px;font-weight:700;line-height:1.2}.perm-s{color:var(--tx3);margin-top:2px;font-size:10px}.perm-ctrl{align-items:center;gap:10px;display:flex}.perm-on{color:var(--ab);font-size:11px;font-weight:600}.search-bar{flex-wrap:nowrap;align-items:center;gap:16px;margin-bottom:14px;display:flex}.search-wrap{flex-shrink:0;width:280px;position:relative}.search-wrap svg{pointer-events:none;color:var(--color-black-carbon-300);width:24px;height:24px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.search-in{border:1.5px solid var(--color-black-carbon-200);width:100%;height:44px;color:var(--tx);box-sizing:border-box;background:#fff;border-radius:12px;outline:none;padding:10px 16px 10px 48px;font-family:inherit;font-size:14px}.search-in::placeholder{color:var(--color-black-carbon-300);font-size:14px}.search-in:focus{border-color:var(--ab600)}.filter-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;flex:1;align-items:center;gap:8px;display:flex;overflow-x:auto}.filter-scroll::-webkit-scrollbar{display:none}.list-page-header{justify-content:space-between;align-items:center;gap:16px;min-height:40px;margin-top:24px;margin-bottom:28px;display:flex}.list-page-title{color:var(--act-sys-color-text-body-link-arctic,#104089);font-family:var(--act-font-family);font-size:var(--act-font-size-100,14px);font-style:normal;font-weight:600;line-height:var(--act-font-line-height-100,20px);letter-spacing:var(--act-font-letter-spacing-50,.2px);margin:0}.list-page-actions{flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:12px;display:flex}.list-primary-action,.list-secondary-action{box-shadow:none!important}.list-toolbar{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.list-toolbar-main{align-items:center;gap:16px;min-width:0;display:flex}.list-toolbar-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.list-search{flex-shrink:0;width:288px}.list-search .search-in{border-radius:14px;height:48px}.list-toolbar-date{flex-shrink:0;width:180px}.list-toolbar-date.is-range{width:240px}.detail-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-top:24px;margin-bottom:18px;display:flex}.detail-header-main{min-width:0}.detail-header-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;display:flex}.detail-breadcrumb{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;font-size:13px;display:flex}.detail-breadcrumb a{color:var(--act-sys-color-text-body-link-arctic,#104089);font-weight:500;text-decoration:none}.detail-breadcrumb a:hover{text-decoration:underline}.detail-breadcrumb svg{color:var(--tx3);flex-shrink:0}.detail-breadcrumb-current{color:var(--act-sys-color-text-body-link-arctic,#104089);font-weight:600}.detail-subject{color:var(--ac);flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;display:flex}.searchable-select{width:100%;position:relative}.searchable-select.is-open{z-index:1300}.searchable-select-trigger{border:1px solid var(--bdm);width:100%;height:44px;color:var(--tx);font:inherit;cursor:pointer;background:#fff;border-radius:16px;outline:none;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px 9px 16px;font-size:13px;transition:border-color .15s,box-shadow .15s;display:flex}.searchable-select-trigger:hover,.searchable-select-trigger.is-open{border-color:var(--ag);box-shadow:0 0 0 3px #00cc651a}.searchable-select-value{text-overflow:ellipsis;white-space:nowrap;text-align:left;min-width:0;overflow:hidden}.searchable-select-value.is-placeholder{color:#aab8cc}.searchable-select-popover{border:1px solid var(--bdm);background:#fff;border-radius:16px;padding:8px;box-shadow:0 16px 36px #15191e29}.searchable-select-search{border:1px solid var(--color-black-carbon-200);height:40px;color:var(--color-black-carbon-300);border-radius:12px;align-items:center;gap:8px;padding:0 12px;display:flex}.searchable-select-search input{min-width:0;font:inherit;color:var(--tx);background:0 0;border:none;outline:none;flex:1;font-size:13px}.searchable-select-search input::placeholder{color:#aab8cc}.searchable-select-list{max-height:240px;padding-top:6px;overflow-y:auto}.searchable-select-option{width:100%;min-height:44px;color:var(--tx);font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.searchable-select-option:hover,.searchable-select-option.is-selected{background:var(--color-arctic-blue-100);color:var(--color-arctic-blue-800)}.searchable-select-option-label,.searchable-select-option-meta,.searchable-select-option-description{display:block}.searchable-select-option-label{font-size:13px;font-weight:600;line-height:18px}.searchable-select-option-meta{color:var(--tx3);margin-top:1px;font-size:11px;line-height:16px}.searchable-select-option-description{color:var(--act-sys-color-text-body-secondary,#475566);margin-top:2px;font-size:11px;line-height:16px}.searchable-select-empty{color:var(--tx3);text-align:center;padding:18px 10px;font-size:12px}.list-table-shell{background:var(--act-sys-color-surface-light-white,#fff);border-radius:16px;overflow:hidden}.list-cell-primary{color:var(--act-sys-color-text-body-primary,#2a323c);font-weight:400}.list-cell-secondary{color:var(--act-sys-color-text-body-secondary,#475566)}.list-cell-right{text-align:right}.list-cell-center{text-align:center}.list-cell-money{text-align:right;font-weight:600}.vendor-list-table th:nth-child(4),.vendor-list-table th:nth-child(6),.vendor-list-table th:nth-child(7),.vendor-list-table td:nth-child(4),.vendor-list-table td:nth-child(6),.vendor-list-table td:nth-child(7){text-align:right}.vendor-list-table,.po-list-table,.act-list-table,.reimb-list-table,.user-d-table{border-collapse:collapse;width:100%}.vendor-list-table th,.po-list-table th,.act-list-table th,.reimb-list-table th,.user-d-table th{height:44px;color:var(--act-sys-color-text-body-primary,#2a323c);font-family:var(--act-font-family);font-size:var(--act-font-size-50,12px);font-style:normal;font-weight:600;line-height:var(--act-font-line-height-50,16px);letter-spacing:var(--act-font-letter-spacing-50,.2px);border-bottom:1px solid var(--bd);text-align:left;background:#f6f7f9;padding:8px 10px}.vendor-list-table tr,.po-list-table tr,.act-list-table tr,.reimb-list-table tr,.user-d-table tr{border-bottom:1px solid var(--bd)}.vendor-list-table td,.po-list-table td,.act-list-table td,.reimb-list-table td,.user-d-table td{vertical-align:middle;border-bottom:none;height:48px;padding:6px 10px}.vendor-list-table tr:hover td,.po-list-table tr:hover td,.act-list-table tr:hover td,.reimb-list-table tr:hover td,.user-d-table tr:hover td{background:#10408908}.po-list-table th:nth-child(6),.po-list-table td:nth-child(6),.act-list-table th:nth-child(8),.act-list-table td:nth-child(8){text-align:right}.vendor-list-table th:last-child,.vendor-list-table td:last-child{text-align:left;width:180px;min-width:180px}.act-list-table th:last-child,.act-list-table td:last-child,.user-d-table th:last-child,.user-d-table td:last-child{text-align:left;width:100px;min-width:100px}.po-list-table th:last-child,.po-list-table td:last-child{text-align:left;width:140px;min-width:140px}.reimb-list-table th:last-child,.reimb-list-table td:last-child{text-align:left}.vendor-info-close-btn{background:var(--act-sys-color-brand-primary-arctic-blue,#104089);color:#fff;cursor:pointer;border:none;border-radius:9999px;min-width:200px;height:48px;margin:0 auto;padding:0 40px;font-size:18px;font-weight:600;transition:opacity .2s;display:block}.vendor-info-close-btn:hover{opacity:.9}.vendor-modal-title.view-only{text-align:center;width:100%;font-size:20px}.vendor-action-cell{white-space:nowrap;justify-content:flex-start;align-items:center;gap:12px;display:flex}.list-icon-action{width:24px;height:24px;color:var(--act-sys-color-text-body-primary,#2a323c);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.list-inline-action{color:var(--act-comp-button-primary-actic-default,#104089);letter-spacing:.2px;align-items:center;gap:2px;font-size:12px;font-weight:600;line-height:16px;text-decoration:none;display:inline-flex}.po-create-vendor-card{z-index:20;position:relative}.po-create-topbar{padding-inline:24px}.po-create-topbar .btn{justify-content:center;min-width:120px;height:48px}.po-create-submit-btn{gap:10px;min-width:152px!important}.po-create-content{max-width:1000px;margin:0 auto;padding-bottom:40px}.po-create-summary-card{margin-top:16px}.po-create-summary-body{gap:18px;display:grid}.po-create-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 24px;display:grid}.po-create-muted{font-style:italic;color:var(--act-sys-color-text-body-secondary,#475566)!important}.po-create-summary-label{color:var(--act-sys-color-text-body-secondary,#475566);letter-spacing:.2px;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:700;line-height:16px}.po-create-order-row{color:var(--act-sys-color-text-body-primary,#2a323c);justify-content:space-between;gap:16px;padding:6px 0;font-size:12px;line-height:16px;display:flex}.po-create-order-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.po-create-order-row strong{flex-shrink:0;font-weight:600}.po-create-empty-line{color:var(--act-sys-color-text-body-secondary,#475566);font-size:12px;line-height:16px}.po-create-summary-total-wrap{margin-top:0}.list-filter-row{align-items:center;gap:8px;margin-bottom:12px;display:flex}.list-filter-icon{color:var(--color-black-carbon-300);flex-shrink:0}.list-filter-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-divider{background:#1040891a;width:1px;height:24px;margin:0 4px}.list-pagination{justify-content:center;align-items:center;gap:4px;margin-top:24px;padding-bottom:40px;display:flex}.list-page-arrow{width:32px;height:32px;color:var(--color-black-carbon-400);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:inline-flex}.list-page-arrow:hover:not(:disabled){background:var(--color-black-carbon-100);color:var(--color-black-carbon-700)}.list-page-arrow:disabled{opacity:.35;cursor:not-allowed}.list-page-btn{width:32px;min-width:32px;height:32px;color:var(--color-black-carbon-600);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:500;line-height:1;transition:background .15s,color .15s;display:inline-flex}.list-page-btn:hover{background:var(--color-black-carbon-100)}.list-page-current{background:var(--color-arctic-blue-800);color:#fff;cursor:default;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;font-size:13px;font-weight:600;line-height:1;display:inline-flex}.list-page-ellipsis{width:32px;height:32px;color:var(--color-black-carbon-400);cursor:default;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:13px;display:inline-flex}.fp{border:1px solid var(--color-black-carbon-200);background:var(--sur);color:var(--color-black-carbon-400);cursor:pointer;white-space:nowrap;border-radius:8px;padding:4px 12px;font-size:14px;font-weight:600;transition:all .2s}.fp:hover{border-color:var(--ab);color:var(--ab)}.fp.active{background:var(--color-arctic-blue-100)!important;border-color:var(--ab)!important;color:var(--ab)!important}.user-search-bar{margin-bottom:12px}.user-role-filters{margin:4px 0 16px}.filter-leading-icon{color:var(--color-black-carbon-300);flex-shrink:0}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.stats-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.table-container{background:var(--sur);border-radius:12px;overflow:hidden}.user-d-table table{min-width:780px}.user-d-table th{background:var(--color-black-carbon-100);height:36px;color:var(--color-black-carbon-700);padding:8px 12px;font-size:12px;font-weight:600;line-height:16px}.user-d-table td{vertical-align:middle;border-bottom:none;height:56px;padding:8px 16px}.user-d-table tr:hover td{background:#10408908}.user-d-table th:last-child,.user-d-table td:last-child{text-align:left;width:120px;min-width:120px}.user-cell{align-items:center;gap:8px;min-width:0;display:flex}.user-cell-meta{min-width:0}.user-cell-name{color:var(--tx);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;line-height:16px;overflow:hidden}.user-cell-email,.user-email-cell{color:var(--tx3);font-size:12px;line-height:16px}.user-name-cell{min-width:188px}.user-email-cell{min-width:190px}.user-team-cell{color:var(--tx2);min-width:120px;font-size:12px;font-weight:400;line-height:16px}.user-manager{color:var(--tx3);font-size:10px;font-weight:400;line-height:14px}.user-status{align-items:center;gap:8px;display:flex}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot.g{background:#00cc65}.status-dot.f{background:#d92d20}.status-active,.status-inactive{font-size:12px;font-weight:600;line-height:16px}.status-active{color:var(--ag700)}.status-inactive{color:var(--color-magma-red-600)}.user-login-cell{color:var(--tx2);white-space:nowrap;font-size:12px}.bar-t{background:#1040891a;border-radius:99px;height:5px;overflow:hidden}.bar-f{border-radius:99px;height:100%;transition:width .3s}.it-wrap{overflow-x:auto}.it-tbl{border-collapse:collapse;width:100%;min-width:620px;font-size:13px}.it-tbl th{color:var(--color-black-carbon-700);background:var(--color-black-carbon-100);text-align:left;white-space:nowrap;letter-spacing:.2px;border-bottom:none;padding:9px 10px;font-size:11px;font-weight:700;line-height:16px}.it-tbl td{border-bottom:1px solid var(--bd);vertical-align:middle;padding:10px 6px}.it-in{border:1px solid var(--bdm);width:100%;color:var(--tx);background:#fff;border-radius:16px;outline:none;padding:8px 10px;font-family:inherit;font-size:13px;transition:border-color .15s}.it-in:focus{border-color:var(--ag);box-shadow:0 0 0 2px #00cc651a}.it-in-err{border:1px solid #d92d20!important}.it-in-err::placeholder{opacity:1;color:#d92d20!important}.it-in-err:focus{border:1px solid #d92d20!important;box-shadow:0 0 0 2px #d92d201f!important}.it-in[type=number]{appearance:textfield}.it-in[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.it-in[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.it-sel{border:1.5px solid var(--bdm);width:100%;color:var(--tx);background:#fff;border-radius:7px;outline:none;padding:7px 6px;font-family:inherit;font-size:12px}.it-sel:focus{border-color:var(--ag)}.tax-block{background:var(--sur2);border-radius:8px;margin:8px 12px 12px;padding:12px 16px}.tax-row{justify-content:space-between;align-items:center;padding:3px 0;font-size:12px;display:flex}.tax-divider{background:var(--bd);height:.5px;margin:5px 0}.grand-row{justify-content:space-between;align-items:center;padding:5px 0;display:flex}.modal-bg,.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#15191e99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-bg.open,.modal-overlay.open{display:flex}.modal{background:var(--sur);border-radius:var(--radius-xl);flex-direction:column;width:520px;max-width:calc(100vw - 40px);max-height:88vh;animation:.3s cubic-bezier(.16,1,.3,1) modal-enter;display:flex;overflow:hidden;box-shadow:0 24px 64px #00000040}.modal.wide{width:780px}.modal-head{border-bottom:1px solid var(--bd);background:var(--sur);z-index:1;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.modal-title{color:var(--ab);font-size:15px;font-weight:700}.modal-close{cursor:pointer;color:var(--tx3);background:0 0;border:none;font-size:20px;line-height:1}.modal-body{flex:1;padding:24px;overflow:auto}.modal-foot{border-top:1px solid var(--bd);background:var(--sur2);z-index:1;justify-content:center;align-items:center;gap:12px;padding:16px 20px;display:flex;position:sticky;bottom:0}.modal-icon{border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto;display:flex}.modal-icon.info{background:var(--as100);color:var(--ab)}.modal-icon.error,.modal-icon.warning{background:var(--color-pyro-orange-100);color:var(--color-pyro-orange-700)}.modal-icon.confirm{background:var(--color-arctic-blue-100);color:var(--ab)}.toast{background:var(--ac);color:#fff;z-index:9999;border-radius:10px;max-width:360px;padding:11px 18px;font-size:13px;animation:.3s slideUp;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 20px #0003}.toast.error{background:var(--color-magma-red-700)}.toast.success{background:var(--color-black-carbon-800)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.user-form-modal{border-radius:24px;width:min(680px,100vw - 32px);box-shadow:0 10px 40px #0000001a}.vendor-modal{border-radius:20px;width:min(636px,100vw - 32px)}.vendor-modal>form{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.vendor-modal-title{text-align:center;width:100%;color:var(--color-black-carbon-800);font-size:17px;font-weight:700;line-height:28px}.modal-title-suffix{color:var(--color-black-carbon-400);font-size:14px;font-weight:500}.vendor-modal-close{color:var(--color-black-carbon-400);justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex;position:absolute;top:16px;right:20px}.vendor-modal-body{padding:22px 24px 18px}.vendor-form-grid{gap:14px 16px;margin-bottom:12px}.vendor-address-field{margin-top:4px}.vendor-address-field .ftxt{min-height:92px}.vendor-modal-foot{justify-content:center;padding:16px 24px 18px}.vendor-cancel-btn,.vendor-submit-btn{justify-content:center;min-width:140px}.vendor-cancel-btn{background:var(--color-black-carbon-200);color:var(--color-black-carbon-700);border:1px solid var(--color-black-carbon-200)}.vendor-cancel-btn:hover{background:var(--color-black-carbon-300)}.user-photo-row{align-items:center;gap:20px;margin-bottom:24px;padding-bottom:12px;display:flex}.user-photo-preview{border:1px solid var(--bd);background:var(--sur2);width:80px;height:80px;color:var(--tx3);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:500;display:flex;overflow:hidden}.user-photo-preview img{object-fit:cover;width:100%;height:100%}.user-photo-btn{cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:inline-flex;position:relative;overflow:hidden}.user-photo-btn input{opacity:0;cursor:pointer;position:absolute;inset:0}.att-file{background:var(--sur2);border:1px solid var(--bd);border-radius:8px;align-items:center;gap:8px;margin-top:6px;padding:8px 12px;display:flex}.att-del{cursor:pointer;color:var(--tx3);background:0 0;border:none;margin-left:auto;font-size:15px;line-height:1}.att-z{border:1.5px dashed var(--bdm);text-align:center;cursor:pointer;border-radius:8px;margin-top:8px;padding:14px;transition:all .15s}.att-z:hover{border-color:var(--ag);background:#e6fff2}.notif-b{background:var(--as100);border:1px solid var(--as300);color:var(--ab);border-radius:8px;align-items:center;gap:10px;margin-bottom:14px;padding:10px 14px;font-size:12px;display:flex}.notif-g{color:#005a2b;background:#e6fff2;border:1px solid #9fe1cb;border-radius:8px;align-items:center;gap:10px;margin-bottom:14px;padding:10px 14px;font-size:12px;display:flex}.ni{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.ni-b{background:var(--ab)}.ni-g{background:var(--ag)}.cc-badge{background:var(--as100);border:1px solid var(--as300);color:var(--ab);border-radius:7px;align-items:center;gap:6px;margin-top:6px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.alnk,.btn-sm{text-align:center;color:var(--ag600);cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;padding:3px 7px;font-family:inherit;font-size:11px;font-weight:700;transition:all .15s;display:inline-flex}.alnk:hover,.btn-sm:hover{background:var(--ag100)}.alnk.blue,.btn-sm.blue{color:var(--ab)}.alnk.blue:hover,.btn-sm.blue:hover{background:var(--ab100)}.alnk.danger,.btn-sm.danger{color:var(--color-pyro-orange-800)}.alnk.danger:hover,.btn-sm.danger:hover{background:var(--color-pyro-orange-100)}.dr{border-bottom:1px solid var(--bd);justify-content:space-between;align-items:center;padding:8px 0;font-size:12px;display:flex}.dr:last-child{border-bottom:none}.dl{color:var(--tx3)}.dv{color:var(--tx);font-weight:600}.empty-state{text-align:center;color:var(--tx3);font-size:13px;font-family:var(--act-font-family);padding:40px 20px}.cond-note{background:var(--as100);border:1px solid var(--as300);color:var(--ab);border-radius:6px;margin-top:4px;padding:6px 10px;font-size:10px}.two-col{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;display:grid}.two-col-dash{grid-template-columns:1.2fr .8fr}.dash-cols{grid-template-columns:626fr 335fr;align-items:start;gap:14px;display:grid}.dash-col-left{flex-direction:column;gap:14px;display:flex}.dash-col-right{position:sticky;top:24px}.info-tip{color:var(--color-black-carbon-400);cursor:default;flex-shrink:0;align-items:center;display:inline-flex;position:relative}.info-tip:hover{color:var(--ab)}.info-tip:after{content:attr(data-tip);color:#fff;white-space:normal;text-align:left;pointer-events:none;opacity:0;z-index:100;background:#1d232a;border-radius:6px;width:240px;padding:6px 10px;font-size:12px;font-weight:400;line-height:1.4;transition:opacity .15s;position:absolute;bottom:calc(100% + 8px);right:0}.info-tip:before{content:"";pointer-events:none;opacity:0;z-index:100;border:5px solid #0000;border-top-color:#1d232a;transition:opacity .15s;position:absolute;bottom:calc(100% + 3px);right:4px}.info-tip:hover:after,.info-tip:hover:before{opacity:1}.spend-row{border:1px solid var(--bd);background:#fff;border-radius:8px;flex-direction:column;gap:6px;margin-bottom:8px;padding:10px 12px;display:flex}.spend-row:last-child{margin-bottom:0}.spend-row-top{justify-content:space-between;align-items:center;gap:6px;display:flex}.spend-label{color:var(--tx);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;font-weight:500;overflow:hidden}.spend-amount{color:var(--tx);text-align:right;white-space:nowrap;font-size:13px;font-weight:700}.spend-amount-unit{color:var(--tx3);margin-left:2px;font-size:11px;font-weight:400}.spend-chevron{color:var(--tx3);flex-shrink:0;align-items:center;display:none}.pdf-preview{background:#f5f5f5;border-radius:10px;padding:20px;font-family:inherit}.pdf-paper{width:100%;font-size:10px;line-height:1.4;font-family:var(--act-font-family);color:#2a323c;box-sizing:border-box;background:#fff;margin:0 auto;padding:24px;position:relative;box-shadow:0 2px 20px #0000001f}.pdf-header{border-bottom:2px solid var(--ab);justify-content:space-between;align-items:flex-start;margin-bottom:30px;padding-bottom:20px;display:flex}.pdf-logo-text{color:var(--ab);max-width:430px;font-size:15px;font-weight:700;line-height:1.25}.pdf-po-no{color:var(--ab);text-align:right;white-space:nowrap;font-size:20px;font-weight:700}.pdf-section{margin-bottom:20px}.pdf-section-title{color:var(--tx3);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #eee;margin-bottom:8px;padding-bottom:4px;font-size:11px;font-weight:700}.pdf-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.pdf-label{color:#888;margin-bottom:2px;font-size:10px}.pdf-value{color:var(--tx);font-size:12px;font-weight:600}.pdf-table{border-collapse:collapse;width:100%;margin-top:8px;font-size:11px}.pdf-table th{background:var(--ab);color:#fff;text-align:left;text-transform:uppercase;letter-spacing:.04em;padding:8px 10px;font-size:10px}.pdf-table td{border-bottom:1px solid #eee;padding:8px 10px}.pdf-table tr:last-child td{border-bottom:none}.pdf-totals{text-align:right;margin-top:16px}.pdf-total-row{justify-content:flex-end;gap:40px;padding:3px 0;font-size:12px;display:flex}.pdf-grand{border-top:2px solid var(--ab);color:var(--ab);justify-content:flex-end;gap:40px;margin-top:6px;padding:8px 0;font-size:14px;font-weight:700;display:flex}.pdf-footer{color:#888;border-top:1px solid #eee;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px;padding-top:20px;font-size:11px;display:grid}.pdf-sign-box{color:#888;border-top:1px solid #ccc;margin-top:30px;padding-top:8px;font-size:11px}.r-req{background:var(--color-blue-sky-100);color:var(--color-blue-sky-800)}.r-app{background:var(--color-azolla-green-100);color:var(--color-azolla-green-800)}.r-adm{background:var(--color-arctic-blue-100);color:var(--color-arctic-blue-800)}.tgl{cursor:pointer;border-radius:99px;flex-shrink:0;width:34px;height:18px;transition:background .2s;position:relative}.tgl.on{background:var(--ag)}.tgl.off{background:#10408933}.tgl:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:left .15s;position:absolute;top:2px}.tgl.on:after{left:18px}.tgl.off:after{left:2px}.skeleton{background:linear-gradient(90deg,#f0f3f7 25%,#e4eaf2 50%,#f0f3f7 75%) 0 0/200% 100%;border-radius:4px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.m-cards{flex-direction:column;gap:10px;display:none}.m-section-header{align-items:center;gap:4px;margin-bottom:12px;padding:0 4px;display:none}.m-list-card{background:var(--sur,#fff);border-radius:8px;padding:0 16px}.m-list-item{border-bottom:1px solid var(--bd);color:inherit;flex-direction:column;gap:4px;padding:12px 0;text-decoration:none;display:flex}.m-list-item:last-child{border-bottom:none}.m-list-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.m-list-title{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.2px;min-width:0;color:var(--act-sys-color-text-body-primary,#2a323c);flex:1;font-size:14px;font-weight:600;line-height:20px;overflow:hidden}.m-list-view{color:var(--act-sys-color-text-body-link-arctic,#104089);white-space:nowrap;font-size:14px;font-weight:600;line-height:20px}.m-item-card{background:var(--sur,#fff);border:1px solid var(--bd);border-radius:8px;flex-direction:column;gap:12px;padding:16px;display:flex}.m-item-name{letter-spacing:.2px;color:var(--act-sys-color-text-body-primary,#2a323c);font-size:14px;font-weight:600;line-height:20px}.m-item-row{gap:16px;display:flex}.m-item-cell{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.m-item-label{letter-spacing:.2px;color:var(--act-sys-color-text-body-primary,#2a323c);font-size:12px;font-weight:400;line-height:16px}.m-item-value{letter-spacing:.2px;color:var(--act-sys-color-text-body-primary,#2a323c);font-size:14px;font-weight:600;line-height:20px}.m-item-amount{color:var(--act-sys-color-text-body-link-arctic,#104089);font-size:16px;font-weight:600;line-height:24px}.m-item-divider{background:var(--bd);width:100%;height:1px}.m-item-count{color:var(--act-sys-color-text-body-secondary,#475566);margin-left:auto;font-size:12px;font-weight:400;display:none}.m-empty{background:var(--sur,#fff);text-align:center;border-radius:8px;flex-direction:column;align-items:center;gap:12px;padding:24px;display:flex}.m-empty-icon{background:var(--color-black-carbon-100);width:48px;height:48px;color:var(--color-black-carbon-400);border-radius:12px;justify-content:center;align-items:center;display:flex}.m-empty-title{letter-spacing:.2px;color:var(--act-sys-color-text-body-primary,#2a323c);font-size:14px;font-weight:600;line-height:20px}.m-empty-msg{letter-spacing:.2px;color:var(--act-sys-color-text-body-secondary,#475566);margin-top:4px;font-size:12px;font-weight:400;line-height:16px}.user-m-cards{flex-direction:column;gap:10px;padding:0 14px 14px;display:none}.m-card{background:var(--sur);border:1px solid var(--bd);border-radius:var(--radius-act-100);box-shadow:var(--shadow-act-card);color:inherit;padding:14px;text-decoration:none;transition:box-shadow .15s}.m-card:active{box-shadow:var(--shadow-act-dialog)}.m-card-head{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px;display:flex}.m-card-code{color:var(--ab);font-size:11px;font-weight:800}.m-card-title{color:var(--tx);margin-bottom:2px;font-size:13px;font-weight:700;line-height:1.3}.m-card-row{justify-content:space-between;align-items:center;gap:8px;margin-top:6px;display:flex}.m-card-meta{color:var(--tx3);flex-wrap:wrap;gap:6px 12px;margin-top:4px;font-size:11px;display:flex}.m-card-meta span{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.m-card-meta-sep{color:var(--bd)}.m-card-link{cursor:pointer;flex-direction:column;gap:12px;display:flex}.m-card-link .m-card-head,.m-card-link .m-card-title,.m-card-link .m-card-meta,.m-card-link .m-card-row{margin:0}.m-card-ref{letter-spacing:.2px;color:var(--act-sys-color-text-body-link-arctic,#104089);font-size:12px;font-weight:400;line-height:16px;text-decoration:underline}.m-card-label,.m-card-amount-unit{color:var(--act-sys-color-text-body-secondary,#475566);font-size:12px;font-weight:400}.m-card-tertiary-btn{cursor:pointer;width:100%;color:var(--act-sys-color-text-body-link-arctic,#104089);background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:8px;padding:6px 24px;font-family:inherit;font-size:16px;font-weight:600;line-height:24px;display:flex}.m-card-tertiary-btn:active{background:#1040890f}.ep-card{background:var(--sur,#fff);border-radius:16px;flex-direction:column;gap:12px;padding:14px;display:flex;box-shadow:0 4px 6px #0a0f1d08}.ep-card-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.ep-card-title{letter-spacing:.2px;color:var(--act-sys-color-text-primary,#1d232a);font-size:14px;font-weight:600;line-height:20px}.ep-card-footer{color:var(--act-sys-color-text-tertiary,#5c6e84);font-size:12px}.ep-card-footer strong{color:var(--act-sys-color-text-primary,#1d232a);font-weight:600}.ep-row{background:var(--act-sys-color-surface-subtle,#f6f7f9);border-radius:16px;flex-direction:column;gap:10px;padding:8px 12px;display:flex}.ep-row-top{align-items:center;gap:10px;display:flex}.ep-row-label{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.2px;min-width:0;color:var(--act-sys-color-text-primary,#1d232a);flex:1;font-size:12px;font-weight:600;line-height:16px;overflow:hidden}.ep-row-dates{align-items:center;gap:4px;display:flex}.ep-row-date-col{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.ep-row-date-lb{color:var(--act-sys-color-text-body-secondary,#475566);font-size:12px}.ep-row-date-v{color:var(--act-sys-color-text-primary,#1d232a);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.ep-row-divider{background:var(--bd);width:100%;height:1px}.ep-row-amount{justify-content:space-between;align-items:center;gap:4px;display:flex}.ep-row-amount-v{color:var(--act-sys-color-text-primary,#1d232a);font-size:12px;font-weight:600}.ep-mark-paid-btn{cursor:pointer;letter-spacing:.2px;width:100%;height:28px;color:var(--act-sys-color-text-body-link-arctic,#104089);background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;padding:4px 16px;font-family:inherit;font-size:12px;font-weight:600;line-height:16px;display:flex}.ep-mark-paid-btn:active{background:#1040890f}.ep-mark-paid-btn:disabled{opacity:.6;cursor:wait}.pc-toolbar{align-items:center;gap:8px;margin-bottom:20px;display:flex}.pc-month-pill{background:var(--sur,#fff);border:1px solid var(--bd);border-radius:16px;flex:1;align-items:center;gap:12px;min-width:0;padding:8px 12px;display:flex}.pc-month-btn{color:var(--tx);flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:flex}.pc-month-label{text-align:center;min-width:0;color:var(--act-sys-color-text-body-primary,#2a323c);white-space:nowrap;flex:1;font-size:14px;font-weight:600}.pc-divider-lg{background:var(--bd);height:4px;margin:8px -16px}.pc-cycle-block{flex-direction:column;gap:12px;padding:16px 0;display:flex}.pc-cycle-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.pc-cycle-head-label{color:var(--act-sys-color-text-body-primary,#2a323c);font-size:16px;font-weight:600}.pc-cycle-head-sub{color:var(--act-sys-color-text-body-secondary,#475566);font-size:12px}.pc-cycle-head-outstanding{color:var(--tx3);font-size:12px;font-weight:500;display:block}.pc-cycle-head-total{color:var(--act-sys-color-text-body-link-arctic,#104089);white-space:nowrap;font-size:16px;font-weight:600}.pc-group-card{background:var(--sur,#fff);border:1px solid var(--bd);border-radius:16px;overflow:hidden}.pc-group-bar{background:var(--act-comp-button-primary-background-default,#104089);color:#fff;justify-content:space-between;align-items:center;gap:8px;padding:8px 16px;font-size:12px;font-weight:600;display:flex}.pc-po-row{flex-direction:column;gap:4px;padding:12px 16px;display:flex}.pc-po-row+.pc-po-row{border-top:1px solid var(--bd)}.pc-po-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.pc-po-code{color:var(--act-sys-color-text-body-link-arctic,#104089);font-size:14px;text-decoration:underline}.pc-po-title{color:var(--act-sys-color-text-body-primary,#2a323c);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.pc-po-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.pc-po-meta>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--act-sys-color-text-body-secondary,#475566);flex:1;font-size:12px;overflow:hidden}.pc-po-meta>span:last-child{color:var(--act-sys-color-text-body-primary,#2a323c);white-space:nowrap;font-size:14px;font-weight:600}.pc-po-requester{color:var(--act-sys-color-text-tertiary,#5c6e84);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.pc-summary-card{background:var(--sur,#fff);border:1px solid var(--bd);border-radius:16px;overflow:hidden}.pc-summary-bar{background:var(--act-comp-badge-surface-success,#e6fff0);color:var(--act-sys-color-status-success-text,#008836);justify-content:space-between;align-items:center;gap:8px;padding:8px 16px;font-size:12px;font-weight:600;display:flex}.pc-summary-rows{flex-direction:column;gap:8px;padding:12px 16px;display:flex}.pc-summary-row{border-bottom:1px solid var(--bd);color:var(--act-sys-color-text-body-primary,#2a323c);justify-content:space-between;align-items:center;gap:8px;padding-bottom:8px;font-size:14px;display:flex}.pc-summary-row:last-child{border-bottom:none;padding-bottom:0}.pc-summary-total{font-weight:700}.pc-summary-total>span:last-child{color:var(--act-sys-color-text-body-link-arctic,#104089)}.m-card-amount{color:var(--tx);white-space:nowrap;font-size:15px;font-weight:800}.m-card-action{border-top:1px solid var(--bd);justify-content:flex-end;align-items:center;margin-top:10px;padding-top:8px;display:flex}.sb-toggle{cursor:pointer;color:var(--ab);background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:6px;display:none}.sb-toggle:hover{background:var(--bd)}.sb-overlay{display:none}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.two-col{grid-template-columns:1fr!important}.detail-grid{grid-template-columns:1fr}.dash-cols{grid-template-columns:1fr!important}.dash-col-right{position:static}.fg-grid3{grid-template-columns:1fr 1fr!important}.pdf-paper{padding:24px}.pdf-grid{grid-template-columns:1fr}}@media (max-width:768px){.sb-collapse-btn{display:none}.sb-toggle{z-index:1200;box-shadow:none;color:#fff;background:0 0;border:none;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex;position:fixed;top:21px;left:auto;right:12px}.sb-toggle:hover{background:#ffffff1a}.sb-toggle.sb-toggle-hidden{opacity:0;pointer-events:none;visibility:hidden;display:none!important}.sidebar{z-index:1300;box-shadow:none;width:260px;transition:transform .25s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:4px 0 24px #00000040}.sb-overlay{z-index:1250;opacity:0;pointer-events:none;background:#0006;transition:opacity .25s;display:block;position:fixed;inset:0 0 0 260px}.sb-overlay.open{opacity:1;pointer-events:auto}.main-area{width:100%}.top-nav{background:var(--act-sys-color-brand-secondary-black-carbon,#1d232a);border-bottom:1px solid var(--bd);gap:12px;height:auto;padding:12px 56px 12px 16px}.top-nav-logo{display:flex}.top-nav-date{color:#fff;letter-spacing:.2px;font-size:14px;font-weight:400;line-height:20px}.top-nav .notif-trigger{color:#fff}.top-nav .notif-trigger:hover{background:#ffffff1a}.topbar{flex-wrap:wrap;gap:10px;height:auto;min-height:48px;padding:10px 14px 10px 50px}.tb-title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.tb-right{flex-wrap:wrap;flex-shrink:0;gap:6px}.tb-right .btn{padding:5px 10px;font-size:11px!important}.tb-back{font-size:11px}.tb-sep{display:none}.content{padding:0 16px 24px}.list-page-header{min-height:unset;flex-direction:column;align-items:stretch;gap:12px;margin-top:16px;margin-bottom:12px}.list-page-actions{flex-wrap:wrap;gap:8px}.list-page-actions>*{flex:1;justify-content:center;min-width:fit-content}.list-toolbar{flex-direction:column;align-items:stretch;gap:8px}.list-toolbar-main{gap:8px}.list-search{flex:1;width:auto;min-width:0}.list-toolbar-date{width:148px}.list-toolbar-actions{justify-content:stretch}.list-toolbar-actions>*{flex:1;justify-content:center}.list-filter-icon{display:none}.list-filter-controls{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;margin:-4px -2px 0;padding:4px 2px 8px;overflow-x:auto}.list-filter-controls::-webkit-scrollbar{display:none}.list-filter-controls>*{flex-shrink:0}.stats-grid{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))!important}.sc{min-height:unset;border-radius:8px;padding:16px}.sc-lb{white-space:nowrap;text-overflow:ellipsis;width:100%;overflow:hidden}.sc-v{font-size:18px;font-weight:600;line-height:28px}.two-col,.dash-cols{grid-template-columns:1fr!important}.dash-col-right{position:static}.fg-grid2,.fg-grid3{grid-template-columns:1fr!important}.card>div[style*=overflow]{-webkit-overflow-scrolling:touch}table{min-width:600px}.d-table{display:none!important}.m-cards{display:flex!important}.m-item-count,.po-detail-section-title .m-item-count{display:inline}.po-detail-section-title{width:100%;display:flex}.pr-detail-tb,.po-detail-actions{display:none!important}.po-detail-content{padding:0 16px 24px!important}.pr-mobile-actions,.mobile-action-bar{background:var(--sur,#fff);padding:24px 16px calc(32px + env(safe-area-inset-bottom));flex-direction:column;gap:12px;margin:16px -16px -24px;display:flex}.mba-row{gap:12px;display:flex}.mba-row>*{flex:1;min-width:0}.mba-btn{cursor:pointer;letter-spacing:0;white-space:nowrap;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:12px;padding:8px 16px;font-family:inherit;font-size:18px;font-weight:600;line-height:28px;text-decoration:none;display:flex}.mba-primary{background:var(--act-comp-button-primary-background-default,#104089);color:#fff}.mba-primary:disabled{opacity:.5;cursor:default}.mba-secondary{background:var(--act-comp-button-secondary-background-default,#c5ebfc);color:var(--act-comp-button-secondary-text-default,#104089)}.mba-danger{background:var(--act-comp-button-danger-default,#d92d20);color:#fff}.mba-ghost-danger{color:var(--act-comp-button-danger-default,#d92d20);background:0 0}.m-section-header{display:flex}.spend-ch{display:none}.spend-row{border:none;border-bottom:1px solid var(--bd);border-radius:0;gap:4px;margin-bottom:12px;padding:0 0 12px}.spend-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.spend-label{flex:1;min-width:0;font-size:12px;font-weight:600;line-height:16px}.spend-chevron{margin-left:auto;display:inline-flex}.ch{flex-wrap:wrap;gap:6px;padding:10px 14px}.search-bar{flex-direction:column;align-items:stretch;gap:8px;display:flex}.search-wrap{min-width:unset;max-width:unset}.search-bar .filter-scroll{white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;padding-bottom:8px;display:flex;overflow-x:auto}.search-bar .filter-scroll::-webkit-scrollbar{display:none}table th:nth-child(2),table td:nth-child(2){min-width:160px!important}.modal{max-height:92vh;margin:0 12px;width:calc(100vw - 24px)!important}.approve-qty-grid.aq-head{display:none}.aq-list{border:none!important;max-height:45vh!important}.approve-qty-grid{background:var(--act-sys-color-surface-subtle,#f6f7f9);border-radius:16px;flex-direction:column;gap:8px;margin-bottom:12px;display:flex;border-bottom:none!important;align-items:stretch!important;padding:12px!important}.aq-item-no{color:var(--act-sys-color-text-body-primary,#2a323c);font-size:16px;font-weight:600;line-height:24px;display:block}.aq-name{font-weight:600!important}.aq-qty{text-align:right;justify-content:space-between;align-items:center;gap:8px;display:flex;padding-right:0!important}.aq-input{flex-direction:column;align-items:stretch;gap:4px;display:flex;text-align:left!important}.aq-input .finp{background:#fff;width:100%!important}.aq-lbl{color:var(--act-sys-color-text-body-secondary,#475566);font-size:12px;font-weight:400;line-height:16px;display:inline}.aq-actions{flex-direction:column-reverse;gap:12px!important}.aq-actions .btn{height:48px!important;font-size:16px!important}.toast{max-width:unset;bottom:14px;left:14px;right:14px}.pdf-paper{padding:16px;width:794px!important;min-width:794px!important;max-width:none!important}.pdf-header{flex-direction:column;gap:12px}.pdf-po-no{text-align:left;font-size:16px}.pdf-footer{grid-template-columns:1fr}.form-actions{padding:16px 16px calc(32px + env(safe-area-inset-bottom));border-top:none;flex-wrap:wrap;gap:12px;left:0!important;right:0!important}.form-actions>*{flex:1;justify-content:center;min-width:0}.form-actions>[type=submit],.form-actions>[form]{flex:1 0 100%;order:-1}.form-actions>div:empty{display:none}.create-sidebar{display:none!important}.create-shell{flex-direction:column!important}.it-tbl{min-width:unset!important}.it-wrap{overflow-x:visible}.it-tbl thead{display:none}.it-tbl tbody tr{border-bottom:1px solid var(--bd);flex-wrap:wrap;gap:6px;padding:12px 0;display:flex}.it-tbl tbody tr:last-child{border-bottom:none}.it-tbl td{border-bottom:none;padding:0}.it-tbl td:first-child{width:100%}.it-tbl td:nth-child(2),.it-tbl td:nth-child(3){width:calc(50% - 3px)}.it-tbl td:nth-child(4){width:100%}.it-tbl td:nth-child(5),.it-tbl td:nth-child(6){width:calc(50% - 3px)}.it-tbl td:nth-child(7){align-items:center;width:calc(100% - 36px);font-size:14px;display:flex}.it-tbl td:nth-child(8){justify-content:center;align-items:center;width:30px;display:flex}.it-tbl-ro thead{display:none}.it-tbl-ro tbody tr{border-bottom:1px solid var(--bd);flex-wrap:wrap;gap:4px 8px;padding:10px 0;display:flex}.it-tbl-ro td:first-child{display:none}.it-tbl-ro td:nth-child(2){width:100%;color:var(--ab);margin-bottom:4px;font-size:14px;font-weight:700}.it-tbl-ro td:nth-child(2):before{content:none!important}.it-tbl-ro td:nth-child(3),.it-tbl-ro td:nth-child(4),.it-tbl-ro td:nth-child(5),.it-tbl-ro td:nth-child(6),.it-tbl-ro td:nth-child(7){color:var(--tx);border:none;align-items:center;gap:8px;width:100%;padding:0;font-size:12px;display:flex}.it-tbl-ro td:before{content:attr(data-label) ": ";color:var(--tx3);text-transform:uppercase;flex-shrink:0;width:45px;font-size:10px;font-weight:600}.it-tbl-ro td:last-child{width:100%;color:var(--ab);flex-direction:row;justify-content:space-between;align-items:center;margin-top:8px;padding-top:8px;font-size:15px;font-weight:800;display:flex;border-top:1px dashed var(--bd)!important}.it-tbl-ro td:last-child:before{content:"Total Amount";text-transform:uppercase;color:var(--tx3);font-size:10px;font-weight:600}.user-d-table{display:none!important}.user-m-cards{display:flex!important}}@media (max-width:480px){.topbar{height:auto}.tb-title{font-size:13px}.content{padding:10px}th,td{padding:8px 10px}.filter-scroll button{padding:4px 10px;font-size:10px}}@media print{@page{size:A4 portrait;margin:0}body *{visibility:hidden}.pdf-paper,.pdf-paper *{visibility:visible}.pdf-paper{width:210mm;box-shadow:none;border:none;margin:0;padding:15mm 18mm;position:fixed;top:0;left:0}body,html{background:#fff!important}.modal-bg,.modal,.modal-body{box-shadow:none!important;background:0 0!important;margin:0!important;padding:0!important;overflow:visible!important}}.notif-wrap{align-items:center;display:flex;position:relative}.notif-trigger{color:var(--color-black-carbon-400);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:relative}.notif-trigger:hover{background:var(--color-black-carbon-100);color:var(--color-black-carbon-700)}.notif-badge{background:var(--af);color:#fff;border:2px solid var(--sur);border-radius:10px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:800;display:flex;position:absolute;top:-4px;right:-4px}.notif-overlay{z-index:100;position:fixed;inset:0}.notif-panel{background:var(--sur);border:1px solid var(--bd);width:320px;box-shadow:var(--shadow-act-dialog);z-index:101;border-radius:12px;flex-direction:column;min-height:80px;max-height:480px;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.notif-header{border-bottom:1px solid var(--bd);background:var(--sur2);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.notif-title{color:var(--ab);font-size:13px;font-weight:700}.notif-mark-all{color:var(--ab600);cursor:pointer;background:0 0;border:none;font-size:11px;font-weight:600}.notif-list{flex:1;min-height:0;overflow-y:auto}.notif-item{border-bottom:1px solid var(--bd);border-left:3px solid #0000;flex-direction:column;gap:4px;padding:12px 16px;text-decoration:none;transition:background .2s;display:flex}.notif-item:hover{background:#1040890a}.notif-item.unread{border-left-color:var(--ac);background:#0066ff0a}.notif-item.read{opacity:.7}.notif-item-title{color:var(--tx);font-size:13px;font-weight:700}.notif-item-msg{color:var(--tx2);font-size:12px;line-height:1.4}.notif-item-time{color:var(--tx3);font-size:10px}.notif-empty{text-align:center;color:var(--tx3);padding:40px 16px;font-size:13px}@keyframes modal-enter{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.po-detail-topbar{background:var(--color-background,#f1f6fd);justify-content:space-between;align-items:center;gap:16px;padding:24px;display:flex}.po-detail-breadcrumbs{min-width:0;color:var(--act-sys-color-text-body-teritiary,#5c6e84);font-family:var(--act-font-family);font-size:var(--act-font-size-100,14px);font-weight:400;line-height:var(--act-font-line-height-100,20px);letter-spacing:var(--act-font-letter-spacing-50,.2px);align-items:center;gap:8px;display:flex}.po-detail-breadcrumbs a{color:inherit;text-decoration:none}.po-detail-breadcrumbs svg{color:var(--act-sys-color-text-body-teritiary,#5c6e84);flex-shrink:0}.po-detail-breadcrumbs span{color:var(--act-sys-color-text-body-link-arctic,#104089);white-space:nowrap;font-weight:600}.po-detail-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.po-detail-preview-btn{background:var(--act-comp-button-primary-azolla-default,#c5ebfc);height:48px;color:var(--act-sys-color-text-body-link-arctic,#104089);font-family:var(--act-font-family);font-size:var(--act-font-size-200,16px);font-weight:600;line-height:var(--act-font-line-height-200,24px);cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:12px;padding:8px 16px;display:inline-flex}.po-detail-preview-btn.neutral{background:var(--act-sys-color-border-default,#cfd5dd);color:var(--act-sys-color-asset-carbon-black-700,#2a323c)}.po-detail-preview-btn.neutral:hover{background:var(--color-black-carbon-300,#c2cdde)}.po-detail-content{padding:0 24px 40px}.po-detail-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:24px;display:grid}.po-detail-card{min-height:224px;box-shadow:none;margin-bottom:0}.po-detail-card-head{padding:16px 20px 10px}.po-detail-card-title,.po-detail-section-title{color:var(--act-sys-color-text-body-primary,#2a323c);font-family:var(--act-font-family);font-size:var(--act-font-size-200,16px);font-weight:600;line-height:var(--act-font-line-height-200,24px);letter-spacing:var(--act-font-letter-spacing-0,0)}.po-detail-card-body{padding:0 20px 16px}.po-detail-row{min-height:34px;font-family:var(--act-font-family);font-size:var(--act-font-size-100,14px);line-height:var(--act-font-line-height-100,20px);letter-spacing:var(--act-font-letter-spacing-50,.2px);gap:16px;padding:8px 0}.po-detail-row .dl{color:var(--act-sys-color-text-body-secondary,#475566)}.po-detail-row .dv{color:var(--act-sys-color-text-body-primary,#2a323c);text-align:right;font-weight:600}.po-detail-row .dv a{color:var(--act-sys-color-text-body-link-arctic,#104089);text-decoration:none}.po-detail-stacked-value{flex-direction:column;align-items:flex-end;display:flex}.po-detail-stacked-value small{color:var(--act-sys-color-text-body-secondary,#475566);font-size:12px;font-weight:400;line-height:16px}.po-detail-address-row{border-bottom:none;align-items:flex-start}.po-detail-address-row .dv{max-width:360px;line-height:16px}.po-detail-section-title{align-items:center;gap:6px;margin-bottom:12px;display:inline-flex}.po-detail-section-title span,.po-detail-info-dot{border:1px solid var(--act-sys-color-text-body-secondary,#475566);width:14px;height:14px;color:var(--act-sys-color-text-body-secondary,#475566);border-radius:50%;justify-content:center;align-items:center;font-size:9px;font-weight:700;line-height:1;display:inline-flex}.po-detail-section-title .m-item-count{border:none;border-radius:0;width:auto;height:auto;margin-left:auto;font-size:12px;font-weight:400;display:none}@media (max-width:768px){.m-item-count,.po-detail-section-title .m-item-count{display:inline}}.po-detail-table-wrap{overflow-x:auto}.po-detail-table{border-collapse:collapse;width:100%;min-width:900px;font-family:var(--act-font-family);background:#fff}.po-detail-table th{background:var(--act-sys-color-background-secondary,#f8fbfb);height:40px;color:var(--act-sys-color-text-body-primary,#2a323c);letter-spacing:.2px;text-align:right;padding:8px 12px;font-size:12px;font-weight:600;line-height:16px}.po-detail-table th:first-child,.po-detail-table th:nth-child(2){text-align:left}.po-detail-table th span{color:var(--act-sys-color-text-body-secondary,#475566);font-weight:400}.po-detail-table td{height:36px;color:var(--act-sys-color-text-body-primary,#2a323c);letter-spacing:.2px;text-align:right;white-space:nowrap;border-bottom:none;padding:8px 12px;font-size:12px;font-weight:400;line-height:16px}.po-detail-table td:first-child,.po-detail-table td:nth-child(2){text-align:left}.po-detail-table td:nth-child(2){text-overflow:ellipsis;max-width:360px;overflow:hidden}.po-detail-table td:nth-child(4){color:var(--act-sys-color-text-body-secondary,#475566)}.po-detail-table td:last-child{font-weight:600}.po-detail-summary{justify-content:flex-end;margin-top:16px;display:flex}.po-detail-summary-inner{background:var(--act-sys-color-background-primary,#fff);border-radius:16px;width:min(450px,100%);padding:12px}.po-detail-summary-row{color:var(--act-sys-color-text-body-secondary,#475566);font-family:var(--act-font-family);letter-spacing:.2px;justify-content:space-between;gap:16px;font-size:12px;font-weight:400;line-height:16px;display:flex}.po-detail-summary-row+.po-detail-summary-row{margin-top:8px}.po-detail-summary-row strong{color:var(--act-sys-color-text-body-primary,#2a323c);font-weight:600}.po-detail-summary-divider{background:var(--act-sys-color-border-subtle,#dfe6ee);width:319px;max-width:100%;height:1px;margin:8px 0 8px auto}.po-detail-summary-total{color:var(--act-sys-color-text-body-link-arctic,#104089);letter-spacing:0;font-size:16px;font-weight:600;line-height:24px}.po-detail-summary-total strong{color:inherit;font-weight:600}.change-date-btn{color:var(--act-sys-color-text-body-link-arctic,#104089);font-family:var(--act-font-family);font-size:var(--act-font-size-50,12px);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-weight:600;line-height:16px;display:inline-flex}.change-date-btn:hover{text-decoration:underline}.change-date-icon{width:20px;height:20px;color:var(--act-sys-color-text-body-link-arctic,#104089);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;display:inline-flex}.change-date-icon:hover{background:var(--bg2,#f6f7f9)}.change-date-field{text-align:left;margin-top:16px}.change-date-error{color:var(--color-magma-red-600,#d92d20);margin-top:8px;font-size:12px}.po-detail-label-with-action{align-items:center;gap:10px;display:inline-flex}.po-detail-invoice,.po-detail-installments{min-height:0;margin-bottom:24px}.po-detail-card-sub{color:var(--act-sys-color-text-body-secondary,#475566);margin-top:2px;font-size:12px;line-height:16px}.po-detail-attach-row{border-bottom:none;align-items:center}.po-detail-attach-list{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.po-detail-attach{border:1px solid var(--bd);background:#fff;border-radius:8px;align-items:center;gap:10px;min-width:200px;max-width:100%;padding:8px 12px;text-decoration:none;display:inline-flex}.po-detail-attach:hover{background:var(--bg2,#f6f7f9)}.po-detail-attach svg{color:var(--color-magma-red-600,#d92d20);flex-shrink:0}.po-detail-attach-meta{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.po-detail-attach-name{color:var(--act-sys-color-text-body-link-arctic,#104089);text-overflow:ellipsis;white-space:nowrap;max-width:min(220px,100%);font-size:12px;font-weight:600;line-height:16px;overflow:hidden}.po-detail-attach-meta small{color:var(--act-sys-color-text-body-secondary,#475566);font-size:11px;font-weight:400;line-height:14px}.po-installment-table{min-width:680px}.po-installment-table th,.po-installment-table td,.po-installment-table th:first-child,.po-installment-table th:nth-child(2),.po-installment-table td:first-child,.po-installment-table td:nth-child(2){text-align:right}.po-installment-date{justify-content:flex-end;align-items:center;gap:6px;display:inline-flex}.po-installment-adjusted{color:var(--act-sys-color-text-body-secondary,#475566);font-size:11px;line-height:14px;display:block}.po-installment-total td{background:var(--bg2,#f6f7f9);font-weight:700}.po-schedule-badge{white-space:nowrap;border-radius:6px;align-items:center;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.po-schedule-badge.completed{background:var(--act-comp-badge-surface-success,#e6fff0);color:var(--ag,#2e7d32)}.po-schedule-badge.in-progress{color:#b45309;background:#fff8e6}.po-schedule-badge.overdue{background:var(--act-comp-badge-surface-error,#fef3f2);color:var(--color-magma-red-600,#d92d20)}.btn:disabled{opacity:.5;cursor:not-allowed}.ref-list-form{text-align:left;flex-direction:column;gap:14px;margin-top:20px;display:flex}.ref-list-check{color:var(--act-sys-color-text-body-secondary,#475566);cursor:pointer;align-items:flex-start;gap:10px;font-size:12px;line-height:17px;display:flex}.ref-list-check input{width:16px;height:16px;accent-color:var(--ab,#104089);cursor:pointer;flex-shrink:0;margin-top:1px}.ref-list-usage{color:var(--act-sys-color-text-body-secondary,#475566);margin:0;font-size:12px}.pc-filter-bar{flex-wrap:wrap;align-items:center;gap:8px;padding:12px 0;display:flex}.pc-search,.pc-date .search-in{border:2px solid var(--act-sys-color-border-primary,#cfd5dd);background:var(--act-sys-color-background-primary,#fff);border-radius:16px;height:48px}.pc-search{box-sizing:border-box;align-items:center;gap:8px;width:287px;max-width:100%;padding:0 16px;display:flex}.pc-search>svg{width:24px;height:24px;color:var(--act-sys-color-text-body-placeholder,#b1bbc8);flex-shrink:0}.pc-search input{letter-spacing:.2px;min-width:0;color:var(--tx);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14px;line-height:20px}.pc-search input::placeholder{color:var(--act-sys-color-text-body-placeholder,#b1bbc8)}.pc-date{flex-shrink:0;width:170px}.pc-date .search-in{box-sizing:border-box;letter-spacing:.2px;width:100%;font-size:14px;line-height:20px}.pc-date .search-in::placeholder{color:var(--act-sys-color-text-body-placeholder,#b1bbc8)}.pc-filter-icon{width:16px;height:16px;color:var(--act-sys-color-text-body-placeholder,#b1bbc8);flex-shrink:0}.pc-status-pill{box-sizing:border-box;border:1px solid var(--act-component-toggle-border-default,#cfd5dd);background:var(--act-component-toggle-background-default,#fff);height:28px;color:var(--act-component-toggle-text-default,#5c6e84);letter-spacing:.2px;cursor:pointer;white-space:nowrap;border-radius:8px;padding:3px 12px;font-family:inherit;font-size:14px;font-weight:400;line-height:20px}.pc-status-pill:hover{border-color:var(--color-arctic-blue-800)}.pc-status-pill.on{background:var(--color-arctic-blue-100);border-color:var(--color-arctic-blue-800);color:var(--color-arctic-blue-800)}.all-docs-body{max-height:70vh;overflow-y:auto}.all-docs-lang{color:var(--act-sys-color-text-body-secondary,#5c6e84);align-items:center;gap:8px;margin-bottom:16px;font-size:14px;display:flex}.all-docs-lang-btn{border:1px solid var(--bd,#cfd5dd);color:#5c6e84;cursor:pointer;background:#fff;border-radius:8px;height:28px;padding:0 12px;font-family:inherit;font-size:14px;font-weight:400;line-height:1}.all-docs-lang-btn.on{border-color:var(--ab,#104089);color:var(--ab,#104089);font-weight:600}.all-docs-stack{background:var(--bg2,#f6f7f9);border-radius:12px;flex-direction:column;gap:16px;padding:16px;display:flex}.all-docs-page{background:#fff;box-shadow:0 1px 4px #00000014}.all-docs-appendix{border:1px dashed var(--bd);color:var(--act-sys-color-text-body-secondary,#475566);background:#fff;border-radius:8px;padding:14px 16px;font-size:12px}.all-docs-appendix-title{color:var(--act-sys-color-text-body-primary,#2a323c);margin-bottom:6px;font-weight:600}.all-docs-appendix ol{margin:0;padding-left:18px;line-height:1.7}.po-detail-card-head:has(.po-invoice-edit){justify-content:space-between;align-items:center;gap:12px;display:flex}.po-invoice-edit{color:var(--act-sys-color-text-body-link-arctic,#104089);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-family:inherit;font-size:14px;font-weight:600;display:inline-flex}.po-invoice-edit:hover{text-decoration:underline}.po-invoice-edit-body{flex-direction:column;gap:16px;padding-top:16px;display:flex}.po-invoice-actions{justify-content:flex-end;gap:8px;display:flex}.po-invoice-actions .btn{min-width:96px;height:40px;font-size:14px}.vendor-doc-link{color:var(--act-sys-color-text-body-link-arctic,#104089);cursor:pointer;align-self:flex-start;align-items:center;gap:8px;margin-top:22px;font-size:14px;font-weight:600;display:inline-flex}.vendor-doc-link:hover{text-decoration:underline}.vendor-doc-inline{justify-content:flex-end}.vendor-doc-divider{border-top:1px solid var(--bd);margin:16px 0}.vendor-doc-empty{color:var(--act-sys-color-text-body-secondary,#475566);font-size:13px}.pay-confirm-summary{text-align:left;margin:20px 0 0}.pay-confirm-summary>div{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.pay-confirm-summary>div+div{margin-top:2px}.pay-confirm-summary dt{color:var(--act-sys-color-text-body-secondary,#475566);font-size:13px}.pay-confirm-summary dd{color:var(--act-sys-color-text-body-primary,#2a323c);text-align:right;overflow-wrap:anywhere;margin:0;font-size:13px;font-weight:600}.pay-confirm-summary dd.strong{font-size:15px}.pay-confirm-check{color:var(--act-sys-color-text-body-primary,#2a323c);cursor:pointer;align-items:center;gap:10px;margin-top:16px;font-size:13px;display:flex}.pay-confirm-check input{width:18px;height:18px;accent-color:var(--ab,#104089);cursor:pointer;flex-shrink:0}.receipt-field{text-align:left;margin-top:20px}.receipt-label{color:var(--act-sys-color-text-body-secondary,#475566);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.receipt-drop{border:1px dashed var(--bdr,#cfd5dd);cursor:pointer;text-align:center;background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:20px 16px;display:flex}.receipt-drop:hover,.receipt-drop.dragging{border-color:var(--ab,#104089);background:var(--bg2,#f6f7f9)}.receipt-drop svg{color:var(--act-sys-color-text-body-secondary,#475566)}.receipt-drop-title{color:var(--act-sys-color-text-body-primary,#2a323c);font-size:13px;font-weight:600}.receipt-drop-hint{color:var(--act-sys-color-text-body-secondary,#475566);font-size:11px;line-height:15px}.receipt-browse{background:var(--ab,#104089);color:#fff;border-radius:8px;margin-top:8px;padding:7px 18px;font-size:13px;font-weight:600}.receipt-chip{border:1px solid var(--bd);background:#fff;border-radius:8px;align-items:center;gap:10px;margin-top:8px;padding:8px 12px;display:flex}.receipt-chip svg{color:var(--color-magma-red-600,#d92d20);flex-shrink:0}.receipt-chip-meta{flex-direction:column;flex:1;min-width:0;display:flex}.receipt-chip-name{color:var(--act-sys-color-text-body-link-arctic,#104089);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;line-height:16px;overflow:hidden}.receipt-chip-meta small{color:var(--act-sys-color-text-body-secondary,#475566);font-size:11px;font-weight:400;line-height:14px}.receipt-chip-remove{width:24px;height:24px;color:var(--color-magma-red-600,#d92d20);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.receipt-chip-remove:hover{background:var(--act-comp-badge-surface-error,#fef3f2)}.receipt-chip-remove svg{color:inherit}.receipt-error{color:var(--color-magma-red-600,#d92d20);margin-top:8px;font-size:12px}.po-installment-table .po-detail-attach{min-width:0;max-width:220px}.ep-adjusted{border:1px solid var(--bd);background:var(--bg2,#f6f7f9);color:var(--act-sys-color-text-body-secondary,#475566);white-space:nowrap;border-radius:6px;align-items:center;margin-top:4px;padding:2px 8px;font-size:11px;font-weight:600;line-height:14px;display:inline-flex}.ep-po-cell{flex-direction:column;align-items:flex-start;gap:2px;display:inline-flex}.ep-card-ref-wrap{align-items:center;gap:8px;display:inline-flex}.ep-date-cell{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.ep-row-adjusted{color:var(--act-sys-color-text-body-secondary,#475566);font-size:11px;line-height:14px;display:block}@media (max-width:768px){.po-detail-attach-list{align-items:stretch}.po-detail-attach{min-width:0}}.po-detail-note{margin-top:24px}.po-detail-note p{color:var(--act-sys-color-text-body-primary,#2a323c);margin:0;font-size:13px;line-height:1.6}@media (max-width:900px){.po-detail-topbar{flex-direction:column;align-items:flex-start}.po-detail-card-grid{grid-template-columns:1fr}.po-detail-content{padding-inline:14px}.po-create-topbar .po-detail-actions{width:100%}.po-create-topbar .btn,.po-create-submit-btn{flex:1;min-width:0!important}.po-create-summary-grid{grid-template-columns:1fr}}.po-create-footer{bottom:0;left:var(--sidebar-width,247px);border-top:1px solid var(--bd);z-index:100;background:#fff;justify-content:space-between;align-items:center;height:80px;padding:0 40px;transition:left .3s;display:flex;position:fixed;right:0}@media (max-width:768px){.po-create-footer{padding:0 20px;left:0}}.po-create-footer-left{gap:12px;display:flex}.po-create-section-spacer{height:var(--act-space-600)}.po-create-summary-table{border-collapse:collapse;width:100%;margin-top:12px}.po-create-summary-table th{text-align:left;color:var(--tx3);border-bottom:1px solid var(--bd);padding:8px 0;font-size:11px;font-weight:600}.po-create-summary-table td{border-bottom:1px solid var(--bd100);padding:12px 0;font-size:12px}.po-create-summary-table tr:last-child td{border-bottom:none}.po-create-meta-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.po-create-meta-item{flex-direction:column;gap:4px;display:flex}.po-create-meta-label{color:var(--tx3);font-size:12px}.po-create-meta-value{color:var(--tx);font-size:13px;font-weight:600}.po-note-card{min-height:0;margin-top:24px}.po-note-body{flex-direction:column;gap:6px;padding-top:6px;display:flex}.po-note-row+.po-note-row{margin-top:10px}.po-note-row{align-items:flex-start;gap:6px;display:flex}.po-note-input-wrap{flex:1 0 0;min-width:0}.po-note-input{border:1px solid var(--color-black-carbon-200,#cfd5dd);width:100%;min-height:44px;max-height:160px;color:var(--color-black-carbon-700,#2a323c);font-family:var(--act-font-family);font-size:var(--act-font-size-100,14px);line-height:var(--act-font-line-height-100,20px);letter-spacing:var(--act-font-letter-spacing-50,.2px);resize:none;background:#fff;border-radius:16px;padding:12px 16px;overflow-y:hidden}.po-note-input::placeholder{color:var(--color-black-carbon-300,#b1bbc8)}.po-note-input:focus{border-color:var(--color-arctic-blue-800,#104089);outline:none}.po-note-input:disabled{opacity:.6}.po-note-send{flex-shrink:0}.po-note-content{flex-direction:column;flex:1 0 0;gap:8px;min-width:0;display:flex}.po-note-meta{flex-direction:column;display:flex}.po-note-author{color:var(--color-black-carbon-700,#2a323c);font-family:var(--act-font-family);font-size:var(--act-font-size-200,16px);font-weight:600;line-height:var(--act-font-line-height-200,24px)}.po-note-time{color:var(--color-black-carbon-400,#5c6e84);font-family:var(--act-font-family);font-size:var(--act-font-size-50,12px);line-height:var(--act-font-line-height-50,16px);letter-spacing:var(--act-font-letter-spacing-50,.2px)}.po-note-text{color:var(--color-black-carbon-800,#1d232a);font-family:var(--act-font-family);font-size:var(--act-font-size-100,14px);line-height:var(--act-font-line-height-100,20px);letter-spacing:var(--act-font-letter-spacing-50,.2px);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.po-note-actions{align-items:flex-start;gap:8px;display:flex}.po-note-action{width:16px;height:16px;color:var(--color-black-carbon-400,#5c6e84);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .15s;display:inline-flex}.po-note-action:hover{color:var(--color-arctic-blue-800,#104089)}.po-note-action.danger:hover{color:var(--color-magma-red-600,#d92d20)}.po-note-edit-actions{justify-content:flex-end;gap:8px;display:flex}.po-note-edit-actions .btn{height:36px;padding:6px 16px}.po-note-error{color:var(--color-magma-red-600,#d92d20);margin:0;font-size:13px}.form-lbl-err{color:#d92d20}.sf-invoice{border:1px solid var(--bdm);border-radius:16px;margin-bottom:14px;padding:16px}.sf-invoice-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.sf-invoice-title{color:var(--tx);font-size:14px;font-weight:700}.sf-invoice-meta{flex-wrap:wrap;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.sf-read-field{color:var(--tx);flex-direction:column;gap:5px;font-size:13px;display:flex}.sf-evidence{align-items:center;min-width:0;margin-left:auto;padding-top:18px;display:flex}.sf-upload-link{color:var(--ab);cursor:pointer;white-space:nowrap;align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.sf-evidence-chip{border:1px solid var(--bdm);background:var(--sur);border-radius:12px;align-items:center;gap:10px;min-width:0;max-width:280px;padding:10px 12px;display:inline-flex}.sf-evidence-meta{flex-direction:column;min-width:0;display:flex}.sf-evidence-name{color:var(--ab);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.sf-evidence-meta small{color:var(--tx3);font-size:11px}.sf-evidence-remove{cursor:pointer;color:var(--af);background:0 0;border:none;flex-shrink:0;padding:0;display:flex}.sf-row-remove{background:var(--af);cursor:pointer;color:#fff;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;padding:0;display:flex}.sf-row-remove:disabled{opacity:.35;cursor:default}.sf-add-link{cursor:pointer;color:var(--ab);background:0 0;border:none;align-items:center;gap:6px;margin-top:12px;padding:0;font-size:13px;font-weight:600;display:inline-flex}.sf-add-invoice{background:var(--color-arctic-blue-100);border-radius:12px;justify-content:flex-start;width:100%;margin-top:0;padding:12px 16px}.sf-add-icon{border:1.5px solid var(--ab);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.sf-totals{width:100%;max-width:380px;margin-top:20px;margin-left:auto}.sf-totals-row{color:var(--tx2);justify-content:space-between;gap:16px;margin-bottom:6px;font-size:13px;display:flex}.sf-totals-divider{border-top:1px solid var(--bd);margin:10px 0}.sf-totals-row.is-total{color:var(--ab);margin-bottom:0;font-size:15px;font-weight:700}.sf-footer{background:var(--sur);border-top:1px solid var(--bd);justify-content:space-between;gap:8px;padding:16px 24px;display:flex}@media (max-width:640px){.sf-evidence{width:100%;margin-left:0;padding-top:0}.sf-totals{max-width:none}}.sf-toast{bottom:88px}.alert-bar{z-index:9999;border-radius:10px;align-items:center;gap:10px;max-width:420px;padding:10px 14px;font-size:13px;animation:.3s slideUp;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 20px #1040891f}.alert-bar.success{background:var(--color-azolla-green-100);color:var(--color-azolla-green-800)}.alert-bar-close{cursor:pointer;color:inherit;background:0 0;border:none;margin-left:auto;padding:0;display:flex}@media (max-width:640px){.po-note-row:has(.po-note-send){flex-wrap:wrap}.po-note-row .po-note-input-wrap{flex-basis:calc(100% - 38px)}.po-note-send{margin-left:auto}}.po-round-tabs{color:var(--act-sys-color-text-body-secondary,#5c6e84);flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.po-round-tabs-label{flex-shrink:0}.po-round-tab{border:1px solid var(--bd,#cfd5dd);color:#5c6e84;cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:4px;height:28px;padding:0 12px;font-family:inherit;font-size:14px;font-weight:400;line-height:1;display:inline-flex}.po-round-tab.on{border-color:var(--ab,#104089);color:var(--ab,#104089);font-weight:600}.po-round-tab:disabled{cursor:default;opacity:.6}.po-detail-card-head.po-round-head{flex-wrap:wrap;gap:8px}.po-round-head .po-round-tabs{flex-basis:100%;order:3}.po-round-caption{color:var(--act-sys-color-text-body-secondary,#5c6e84);margin-left:8px;font-size:13px;font-weight:400}.all-docs-body>.po-round-tabs{margin-bottom:16px}