:root{--pps-font-main: "Inter", "Noto Sans Thai", "Sarabun", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", Arial, sans-serif;--pps-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--pps-text-2xs: .6875rem;--pps-text-xs: .75rem;--pps-text-sm: .8125rem;--pps-text-md: .875rem;--pps-text-base: .9375rem;--pps-text-lg: 1rem;--pps-text-xl: 1.125rem;--pps-text-2xl: 1.25rem;--pps-text-3xl: 1.375rem;--pps-text-4xl: 1.5rem;--pps-text-5xl: 1.625rem;--pps-text-6xl: 1.75rem;--pps-text-7xl: 1.875rem;--pps-text-8xl: 2rem;--pps-text-9xl: 2.25rem;--pps-text-display: 2.625rem;--fs-xxs: var(--pps-text-2xs);--fs-xs: var(--pps-text-xs);--fs-sm: var(--pps-text-sm);--fs-md: var(--pps-text-md);--fs-lg: var(--pps-text-lg);--fs-xl: var(--pps-text-xl);--fs-2xl: var(--pps-text-2xl);--fs-9: .5625rem;--fs-8: .5rem;--fs-10: .625rem;--fs-11: var(--pps-text-2xs);--fs-12: var(--pps-text-xs);--fs-13: var(--pps-text-sm);--fs-14: var(--pps-text-md);--fs-15: var(--pps-text-base);--fs-16: var(--pps-text-lg);--fs-17: 1.0625rem;--fs-18: var(--pps-text-xl);--fs-19: 1.1875rem;--fs-20: var(--pps-text-2xl);--fs-21: 1.3125rem;--fs-22: var(--pps-text-3xl);--fs-24: var(--pps-text-4xl);--fs-26: var(--pps-text-5xl);--fs-28: var(--pps-text-6xl);--fs-30: var(--pps-text-7xl);--fs-32: var(--pps-text-8xl);--fs-34: 2.125rem;--fs-36: var(--pps-text-9xl);--fs-38: 2.375rem;--fs-40: 2.5rem;--fs-42: var(--pps-text-display);--font-xs: var(--pps-text-xs);--font-sm: var(--pps-text-sm);--font-base: var(--pps-text-lg);--pps-page-pad: 24px;--pps-page-pad-sm: 14px;--pps-content-max: none;--pps-touch-target: 44px;--pps-tv-touch-target: 48px;--wpd-fs-2xs: var(--pps-text-2xs);--wpd-fs-xs: var(--pps-text-xs);--wpd-fs-sm: var(--pps-text-sm);--wpd-fs-md: var(--pps-text-md);--wpd-fs-lg: var(--pps-text-lg);--wpd-fs-xl: var(--pps-text-xl);--wpd-fs-2xl: var(--pps-text-2xl);--wpf-fs-2xs: var(--pps-text-2xs);--wpf-fs-xs: var(--pps-text-xs);--wpf-fs-sm: var(--pps-text-sm);--wpf-fs-md: var(--pps-text-md);--wpf-fs-lg: var(--pps-text-lg);--wpf-fs-xl: var(--pps-text-xl);--wpf-fs-2xl: var(--pps-text-2xl);--wpl-fs-2xs: var(--pps-text-2xs);--wpl-fs-xs: var(--pps-text-xs);--wpl-fs-sm: var(--pps-text-sm);--wpl-fs-md: var(--pps-text-md);--wpl-fs-lg: var(--pps-text-lg);--wpl-fs-xl: var(--pps-text-xl);--wpl-fs-2xl: var(--pps-text-2xl);--wpai-fs-2xs: var(--pps-text-2xs);--wpai-fs-xs: var(--pps-text-xs);--wpai-fs-sm: var(--pps-text-sm);--wpai-fs-md: var(--pps-text-md);--wpai-fs-lg: var(--pps-text-lg);--wpai-fs-xl: var(--pps-text-xl);--wpai-fs-2xl: var(--pps-text-2xl);font-family:var(--pps-font-main);font-size:var(--fs-16);line-height:1.5;font-weight:400;color-scheme:light;color:#0f172a;background-color:#f8fafc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{width:100%;min-width:320px;min-height:100%;background-color:#f8fafc;text-size-adjust:100%;-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:border-box}a{font-weight:400;color:#646cff;text-decoration:inherit}a:hover{color:#747bff}body{margin:0;width:100%;min-width:320px;min-height:100vh;min-height:100dvh;font-family:var(--pps-font-main);font-size:var(--pps-text-lg);color:#0f172a;background-color:#f8fafc;overflow-x:hidden}#root{width:100%;min-width:0;min-height:100vh;min-height:100dvh;background-color:#f8fafc;text-align:initial}h1{font-size:var(--pps-text-9xl);line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:var(--fs-16);font-weight:400;font-family:inherit;background-color:#f9fafb;cursor:pointer;transition:border-color .25s}code,kbd,samp,pre{font-family:var(--pps-font-mono)}input,select,textarea,button{color:inherit;font-family:inherit;font-size:inherit;max-width:100%}img,svg,video,canvas{max-width:100%}img,video,canvas{height:auto}button,[role=button],input,select,textarea{min-height:var(--pps-touch-target)}button,a,input,select,textarea{touch-action:manipulation}table{max-width:100%}:where(.pps-table-wrap,.table-wrap,.table-responsive,.up-card,.mp-table-wrap,.gr-table-wrap,.stc-table-wrap){max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}:where(.modal,.up-modal,.mp-card[role=dialog],.swal2-popup){max-width:calc(100vw - 24px)}:where(.modal,.up-modal,.mp-card[role=dialog]){max-height:calc(100dvh - 24px)}.swal2-container{z-index:5000!important}:where(.page,.up-page,.mp-page,.ppshome-content){min-width:0}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.language-switcher{display:inline-flex;align-items:center;gap:6px;padding:4px;border:1px solid #dbe3ee;border-radius:999px;background:#fff;color:#0f172a;box-shadow:0 1px 2px #0f172a0f;flex-shrink:0}.language-switcher-icon{width:15px;height:15px;margin-left:6px;color:#0369a1}.language-switcher-options{display:inline-flex;gap:2px}.language-switcher button{min-width:34px;height:28px;padding:0 8px;border:none;border-radius:999px;background:transparent;color:#475569;font-size:var(--fs-12);font-weight:600;line-height:1}.language-switcher button:hover{border-color:transparent;background:#f1f5f9}.language-switcher button.active{background:#0369a1;color:#fff}.login-language{position:fixed;top:18px;right:18px;z-index:20;width:38px;min-width:38px;height:38px;min-height:38px;padding:0;gap:0;border:1px solid #dbe3ee;border-radius:10px;background:#fff;color:#111827;box-shadow:0 1px 2px #0f172a0f}.login-language .language-switcher-compact-button{position:relative;width:100%;min-width:0;height:100%;min-height:0;padding:0 6px 0 0;border:0;border-radius:inherit;background:transparent;color:inherit;display:flex;align-items:center;justify-content:flex-end}.login-language .language-switcher-icon{width:16px;height:16px;margin:0;color:#0369a1}.login-language .language-switcher-compact-code{position:absolute;right:3px;bottom:3px;min-width:15px;padding:1px 2px;border-radius:5px;background:#0369a1;color:#fff;font-size:7px;font-weight:600;line-height:1.15;letter-spacing:-.02em}.login-language:hover,.login-language:focus-within{border-color:#7dd3fc;background:#f0f9ff;outline:none}.login-language .language-switcher-compact-button:hover,.login-language .language-switcher-compact-button:focus-visible{background:transparent;outline:none}.global-language-switcher{position:fixed;top:18px;right:18px;z-index:10000;width:38px;min-width:38px;height:38px;min-height:38px;padding:0;gap:0;border:1px solid #dbe3ee;border-radius:10px;background:#fff;color:#111827;box-shadow:0 1px 2px #0f172a0f}.global-language-switcher .language-switcher-compact-button{position:relative;width:100%;min-width:0;height:100%;min-height:0;padding:0 6px 0 0;border:0;border-radius:inherit;background:transparent;color:inherit;display:flex;align-items:center;justify-content:flex-end}.global-language-switcher .language-switcher-icon{width:16px;height:16px;margin:0;color:#0369a1}.global-language-switcher .language-switcher-compact-code{position:absolute;right:3px;bottom:3px;min-width:15px;padding:1px 2px;border-radius:5px;background:#0369a1;color:#fff;font-size:7px;font-weight:600;line-height:1.15;letter-spacing:-.02em}.global-language-switcher:hover,.global-language-switcher:focus-within{border-color:#7dd3fc;background:#f0f9ff;outline:none}.global-language-switcher .language-switcher-compact-button:hover,.global-language-switcher .language-switcher-compact-button:focus-visible{background:transparent;outline:none}@media(max-width:768px){:root{--pps-page-pad: 16px;--pps-touch-target: 46px}body{font-size:var(--pps-text-base)}h1{font-size:var(--pps-text-5xl)}.global-language-switcher,.login-language{top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right))}}@media(max-width:480px){:root{--pps-page-pad: var(--pps-page-pad-sm)}h1{font-size:var(--pps-text-3xl)}button{padding-inline:.9em}}@media(min-width:1800px){:root{--pps-page-pad: 32px;--pps-touch-target: var(--pps-tv-touch-target)}}@media(min-width:2560px){:root{--pps-page-pad: 40px;--pps-text-lg: 1.0625rem;--pps-text-xl: 1.1875rem;--pps-text-2xl: 1.375rem;--pps-text-3xl: 1.5rem;--pps-text-4xl: 1.75rem}}@supports (height: 100svh){body,#root{min-height:100svh}}@media print{.global-language-switcher,.login-language{display:none!important}}@media(prefers-color-scheme:dark){:root{color:#0f172a;background-color:#f8fafc}body{color:#0f172a;background-color:#f8fafc}}:root{--tmw-bg: #f4f7fb;--tmw-card: #ffffff;--tmw-text: #102033;--tmw-muted: #617189;--tmw-line: #dce5ef;--tmw-blue: #1f76d2;--tmw-green: #168345;--tmw-yellow: #b77900;--tmw-red: #d9302c}.tmw-page{min-height:100dvh;padding:16px 14px 32px;background:var(--tmw-bg);color:var(--tmw-text);font-family:var(--pps-font-main, "Noto Sans Thai", sans-serif)}.tmw-header,.tmw-section-head,.tmw-panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.tmw-header{margin-bottom:18px}.tmw-eyebrow{color:var(--tmw-blue);font-size:11px;font-weight:800;letter-spacing:.12em}.tmw-header h1{margin:3px 0 2px;font-size:23px;display:flex;align-items:center;gap:8px}.tmw-header p{margin:0;color:var(--tmw-muted);font-size:13px}.tmw-icon-btn{width:42px;height:42px;border:1px solid var(--tmw-line);border-radius:12px;background:var(--tmw-card);color:var(--tmw-blue);display:grid;place-items:center;font-size:20px}.tmw-section{margin-top:18px}.tmw-section-head h2,.tmw-panel h2{margin:0 0 10px;font-size:17px}.tmw-section-head span{color:var(--tmw-muted);font-size:12px}.tmw-card,.tmw-job,.tmw-panel,.tmw-empty,.tmw-success,.tmw-alert{border:1px solid var(--tmw-line);border-radius:14px;background:var(--tmw-card);box-shadow:0 6px 20px #1020330f}.tmw-card{padding:13px;margin-top:9px;display:flex;align-items:center;gap:9px}.tmw-card-main{min-width:0;flex:1;display:grid;gap:3px}.tmw-card-main strong{font-size:15px}.tmw-card-main span{font-size:13px;line-height:1.35}.tmw-card-main small{color:var(--tmw-muted);font-size:11px}.tmw-select{max-width:100px;min-height:40px;border:1px solid var(--tmw-blue);border-radius:10px;color:var(--tmw-blue);background:#eff7ff;font-weight:700}.tmw-job{width:100%;margin-top:9px;padding:13px;display:flex;align-items:center;gap:10px;text-align:left;color:inherit}.tmw-job.is-active{border-color:var(--tmw-blue);box-shadow:0 0 0 3px #1f76d21f}.tmw-job-icon{color:var(--tmw-green);font-size:20px;display:grid}.tmw-job-text{flex:1;min-width:0;display:grid;gap:2px}.tmw-job-text strong,.tmw-job-text small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tmw-job-text small{font-size:12px;color:var(--tmw-muted)}.tmw-job-text em{color:var(--tmw-yellow);font-style:normal;font-size:11px}.tmw-empty{padding:18px;color:var(--tmw-muted);text-align:center;font-size:13px}.tmw-alert{padding:12px;color:var(--tmw-red);display:flex;gap:8px;font-size:13px}.tmw-panel{margin-top:18px;padding:15px}.tmw-panel-title{margin:-2px 0 17px;color:var(--tmw-blue);font-weight:800}.tmw-panel-title button{border:0;background:transparent;color:var(--tmw-muted)}.tmw-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.tmw-mode-grid button{min-height:64px;border:1px solid var(--tmw-line);border-radius:12px;background:#f8fbff;color:var(--tmw-text);font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.tmw-mode-grid button.is-selected{border-color:var(--tmw-blue);background:#eaf4ff;color:var(--tmw-blue)}.tmw-panel textarea{width:100%;resize:vertical;box-sizing:border-box;border:1px solid var(--tmw-line);border-radius:11px;padding:11px;font:inherit;color:var(--tmw-text);margin:2px 0 12px}.tmw-primary{width:100%;min-height:48px;border:0;border-radius:12px;background:var(--tmw-blue);color:#fff;font-weight:800;display:flex;justify-content:center;align-items:center;gap:8px}.tmw-primary:disabled{opacity:.45}.tmw-code-list{display:grid;gap:5px;margin:0 0 12px;color:var(--tmw-muted);font-size:12px}.tmw-upload{min-height:76px;border:1px dashed var(--tmw-blue);border-radius:12px;color:var(--tmw-blue);display:flex;align-items:center;justify-content:center;gap:8px;margin:5px 0 13px;font-weight:700;text-align:center}.tmw-upload input{display:none}.tmw-success,.tmw-blocked{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding:24px}.tmw-success{min-height:auto;margin-top:25px;padding:28px 18px;color:var(--tmw-green)}.tmw-success h2,.tmw-success p,.tmw-blocked h1,.tmw-blocked p{margin:0}.tmw-success p,.tmw-blocked p{color:var(--tmw-muted);font-size:13px}.tmw-success button{border:1px solid var(--tmw-green);color:var(--tmw-green);background:transparent;border-radius:10px;padding:10px 15px;font-weight:700}.tmw-blocked{color:var(--tmw-red)}.tmw-spin{animation:tmw-spin .8s linear infinite}@keyframes tmw-spin{to{transform:rotate(360deg)}}@media(min-width:700px){.tmw-page{max-width:480px;margin:0 auto}}