@font-face{font-family:Mitr;font-style:normal;font-weight:300;font-display:swap;src:url(../media/0a7854ba510e62d2-s.p.0f2crzpmiocnz.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Mitr;font-style:normal;font-weight:300;font-display:swap;src:url(../media/d328a180cbbfd209-s.0sxunjhi3wpvq.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Mitr;font-style:normal;font-weight:300;font-display:swap;src:url(../media/4ac9f368719fa22a-s.2gxigv9evq1zz.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:Mitr;font-style:normal;font-weight:300;font-display:swap;src:url(../media/793f1b3521d88a74-s.p.0wt2gtwpo2-bd.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:Mitr;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ef22391e6c3d42e3-s.p.0hfda2tlf1i33.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Mitr;font-style:normal;font-weight:400;font-display:swap;src:url(../media/d692e63643b137dc-s.0yye8xp7ixxz0.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Mitr;font-style:normal;font-weight:400;font-display:swap;src:url(../media/c483d72726c5ba72-s.40_ggrdkv67wu.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:Mitr;font-style:normal;font-weight:400;font-display:swap;src:url(../media/b9c13d747524d081-s.p.0ibsmcks-m_pl.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:Mitr;font-style:normal;font-weight:500;font-display:swap;src:url(../media/23135ca79f77541b-s.p.37whb0l94cbww.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Mitr;font-style:normal;font-weight:500;font-display:swap;src:url(../media/116f85ba746052ed-s.37x136oe7ewry.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Mitr;font-style:normal;font-weight:500;font-display:swap;src:url(../media/0dcb58815ea843cf-s.1077l09-wlk9y.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:Mitr;font-style:normal;font-weight:500;font-display:swap;src:url(../media/eb116f8ccfc8db06-s.p.279pbsjzkspak.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:Mitr Fallback;src:local(Arial);ascent-override:100.52%;descent-override:36.71%;line-gap-override:0.0%;size-adjust:114.4%}.mitr_ea437705-module__Gbac9G__className{font-family:Mitr,Mitr Fallback;font-style:normal}.mitr_ea437705-module__Gbac9G__variable{--font-mitr:"Mitr", "Mitr Fallback"}
@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:300;font-stretch:100%;font-display:swap;src:url(../media/bfd813093b8ca1bb-s.p.3ok2djvs6w93k.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:300;font-stretch:100%;font-display:swap;src:url(../media/acc5f86302586f33-s.1ttn5ge0anb6a.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:Noto Sans Thai;font-style:normal;font-weight:300;font-stretch:100%;font-display:swap;src:url(../media/f304c3cf3765fb5f-s.p.0h0-3wqrkgcb1.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:Noto Sans Thai;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/bfd813093b8ca1bb-s.p.3ok2djvs6w93k.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/acc5f86302586f33-s.1ttn5ge0anb6a.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:Noto Sans Thai;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/f304c3cf3765fb5f-s.p.0h0-3wqrkgcb1.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:Noto Sans Thai;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/bfd813093b8ca1bb-s.p.3ok2djvs6w93k.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/acc5f86302586f33-s.1ttn5ge0anb6a.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:Noto Sans Thai;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/f304c3cf3765fb5f-s.p.0h0-3wqrkgcb1.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:Noto Sans Thai Fallback;src:local(Arial);ascent-override:99.79%;descent-override:42.32%;line-gap-override:0.0%;size-adjust:106.33%}.noto_sans_thai_a04e0e33-module__K_wfaa__className{font-family:Noto Sans Thai,Noto Sans Thai Fallback;font-style:normal}.noto_sans_thai_a04e0e33-module__K_wfaa__variable{--font-noto-sans-thai:"Noto Sans Thai", "Noto Sans Thai Fallback"}
:root{--ds-ref-color-neutral-000:#fff;--ds-ref-color-neutral-050:#f7f8fc;--ds-ref-color-neutral-100:#f0f3f7;--ds-ref-color-neutral-150:#e8edf3;--ds-ref-color-neutral-200:#dde3ea;--ds-ref-color-neutral-300:#c4cdd8;--ds-ref-color-neutral-400:#b8bdc3;--ds-ref-color-neutral-500:#8a94a2;--ds-ref-color-neutral-600:#66707d;--ds-ref-color-neutral-700:#47515e;--ds-ref-color-neutral-900:#20252d;--ds-ref-color-neutral-1000:#000;--ds-ref-color-teal-050:#e5f4f1;--ds-ref-color-teal-100:#d7efea;--ds-ref-color-teal-300:#8fc9be;--ds-ref-color-teal-500:#2d8478;--ds-ref-color-teal-600:#216e65;--ds-ref-color-teal-700:#185850;--ds-ref-color-teal-800:#12443e;--ds-ref-color-sky-100:#e2f1fa;--ds-ref-color-sky-500:#3b82a5;--ds-ref-color-sky-700:#235e79;--ds-ref-color-lilac-100:#eee8fa;--ds-ref-color-lilac-500:#7b61a8;--ds-ref-color-lilac-700:#5d448a;--ds-ref-color-amber-100:#f7e8bc;--ds-ref-color-amber-400:#fc5;--ds-ref-color-amber-600:#9a6c00;--ds-ref-color-amber-700:#704d00;--ds-ref-color-coral-100:#f7dcda;--ds-ref-color-coral-600:#b5444e;--ds-ref-color-coral-700:#922f38;--ds-ref-color-mint-100:#ddf4ea;--ds-ref-color-mint-600:#2f8a65;--ds-ref-color-mint-700:#176a4d;--ds-ref-color-emerald-500:#098;--ds-ref-color-emerald-600:#0a6;--ds-ref-color-cyan-400:#0cf;--ds-ref-color-blue-500:#08f;--ds-ref-color-violet-300:#a9e;--ds-ref-color-lavender-200:#ccf;--ds-ref-color-red-600:#d92d3c;--ds-ref-color-black-alpha-008:#00000014;--ds-ref-color-black-alpha-012:#0000001f;--ds-ref-color-black-alpha-048:#0000007a;--ds-sys-color-brand-support-start:var(--ds-ref-color-emerald-500);--ds-sys-color-brand-support-end:var(--ds-ref-color-emerald-600);--ds-sys-color-brand-primary-start:var(--ds-ref-color-cyan-400);--ds-sys-color-brand-primary-end:var(--ds-ref-color-blue-500);--ds-sys-color-brand-highlight-start:var(--ds-ref-color-violet-300);--ds-sys-color-brand-highlight-end:var(--ds-ref-color-lavender-200);--ds-sys-color-brand-signal:var(--ds-ref-color-amber-400);--ds-sys-color-brand-background:var(--ds-ref-color-neutral-000);--ds-sys-color-brand-foreground:var(--ds-ref-color-neutral-1000);--ds-sys-gradient-brand-support:linear-gradient(180deg, var(--ds-sys-color-brand-support-start), var(--ds-sys-color-brand-support-end));--ds-sys-gradient-brand-primary:linear-gradient(180deg, var(--ds-sys-color-brand-primary-start), var(--ds-sys-color-brand-primary-end));--ds-sys-gradient-brand-highlight:linear-gradient(270deg, var(--ds-sys-color-brand-highlight-start), var(--ds-sys-color-brand-highlight-end));--ds-sys-color-brand-primary:var(--ds-sys-color-brand-primary-end);--ds-sys-color-brand-primary-hover:color-mix(in srgb, var(--ds-sys-color-brand-primary) 88%, black);--ds-sys-color-brand-primary-active:color-mix(in srgb, var(--ds-sys-color-brand-primary) 78%, black);--ds-sys-color-brand-primary-soft:color-mix(in srgb, var(--ds-sys-color-brand-primary) 12%, white);--ds-sys-color-brand-primary-strong:color-mix(in srgb, var(--ds-sys-color-brand-primary) 62%, black);--ds-sys-color-brand-primary-ring:#0088ff47;--ds-sys-color-brand-support:var(--ds-sys-color-brand-support-end);--ds-sys-color-brand-support-soft:color-mix(in srgb, var(--ds-sys-color-brand-support) 12%, white);--ds-sys-color-brand-support-strong:color-mix(in srgb, var(--ds-sys-color-brand-support) 58%, black);--ds-sys-color-brand-signal-soft:color-mix(in srgb, var(--ds-sys-color-brand-signal) 32%, white);--ds-sys-color-brand-signal-strong:color-mix(in srgb, var(--ds-sys-color-brand-signal) 52%, black);--ds-ref-font-family-sans:"Mitr", "Noto Sans Thai", ui-sans-serif, system-ui, sans-serif;--ds-ref-font-family-mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--ds-ref-font-weight-regular:400;--ds-ref-font-weight-medium:500;--ds-ref-font-weight-semibold:500;--ds-ref-font-weight-bold:500;--ds-ref-font-size-012:12px;--ds-ref-font-size-013:13px;--ds-ref-font-size-014:14px;--ds-ref-font-size-016:16px;--ds-ref-font-size-018:18px;--ds-ref-font-size-022:22px;--ds-ref-font-size-028:28px;--ds-ref-font-size-032:32px;--ds-ref-space-000:0;--ds-ref-space-025:2px;--ds-ref-space-050:4px;--ds-ref-space-075:8px;--ds-ref-space-100:8px;--ds-ref-space-150:12px;--ds-ref-space-200:16px;--ds-ref-space-250:20px;--ds-ref-space-300:24px;--ds-ref-space-400:32px;--ds-ref-space-500:40px;--ds-ref-space-600:48px;--ds-ref-space-800:64px;--ds-ref-size-target-minimum:24px;--ds-ref-size-control-compact:32px;--ds-ref-size-control-default:40px;--ds-ref-size-control-large:44px;--ds-ref-size-row-default:44px;--ds-ref-size-icon-compact:16px;--ds-ref-size-icon-default:18px;--ds-ref-size-icon-large:20px;--ds-ref-size-icon-display:24px;--ds-ref-radius-none:0;--ds-ref-radius-small:4px;--ds-ref-radius-default:8px;--ds-ref-radius-panel:8px;--ds-ref-radius-dialog:12px;--ds-ref-radius-large:16px;--ds-ref-radius-full:999px;--ds-ref-border-width-default:1px;--ds-ref-border-width-strong:2px;--ds-ref-border-width-selection-marker:3px;--ds-ref-duration-none:0s;--ds-ref-duration-fast:.1s;--ds-ref-duration-standard:.16s;--ds-ref-duration-slow:.24s;--ds-ref-easing-standard:cubic-bezier(.2, 0, 0, 1);--ds-ref-easing-entrance:cubic-bezier(0, 0, .2, 1);--ds-ref-easing-exit:cubic-bezier(.4, 0, 1, 1);--ds-ref-shadow-subtle:0 1px 3px 0 var(--ds-ref-color-black-alpha-008);--ds-ref-shadow-popover:0 8px 24px -4px var(--ds-ref-color-black-alpha-012);--ds-ref-shadow-dialog:0 16px 48px -8px var(--ds-ref-color-black-alpha-012);--ds-ref-z-base:0;--ds-ref-z-navigation:100;--ds-ref-z-sticky:200;--ds-ref-z-inspector:300;--ds-ref-z-popover:400;--ds-ref-z-notification:500;--ds-ref-z-modal:600;--ds-ref-breakpoint-compact:480px;--ds-ref-breakpoint-medium:768px;--ds-ref-breakpoint-large:1024px;--ds-ref-breakpoint-wide:1280px;--ds-ref-breakpoint-maximum:1440px;--ds-sys-color-surface-canvas:var(--ds-ref-color-neutral-050);--ds-sys-color-surface-default:var(--ds-ref-color-neutral-000);--ds-sys-color-surface-subtle:var(--ds-ref-color-neutral-100);--ds-sys-color-surface-muted:var(--ds-ref-color-neutral-150);--ds-sys-color-surface-overlay:var(--ds-ref-color-black-alpha-048);--ds-sys-color-text-primary:var(--ds-ref-color-neutral-900);--ds-sys-color-text-secondary:var(--ds-ref-color-neutral-600);--ds-sys-color-text-metadata-strong:var(--ds-ref-color-neutral-700);--ds-sys-color-text-disabled:var(--ds-ref-color-neutral-500);--ds-sys-color-text-inverse:var(--ds-ref-color-neutral-000);--ds-sys-color-text-link:var(--ds-sys-color-brand-primary);--ds-sys-color-border-default:var(--ds-ref-color-neutral-200);--ds-sys-color-border-strong:var(--ds-ref-color-neutral-500);--ds-sys-color-border-focus:var(--ds-sys-color-brand-primary);--ds-sys-color-focus-ring:var(--ds-sys-color-brand-primary-ring);--ds-sys-color-border-danger:var(--ds-ref-color-coral-700);--ds-sys-color-action-primary-background:var(--ds-sys-color-brand-primary);--ds-sys-color-action-primary-background-hover:var(--ds-sys-color-brand-primary-hover);--ds-sys-color-action-primary-background-active:var(--ds-sys-color-brand-primary-active);--ds-sys-color-action-primary-foreground:var(--ds-ref-color-neutral-000);--ds-sys-color-action-secondary-background:var(--ds-ref-color-neutral-000);--ds-sys-color-action-secondary-background-hover:var(--ds-sys-color-brand-primary-soft);--ds-sys-color-action-secondary-foreground:var(--ds-ref-color-neutral-900);--ds-sys-color-action-secondary-border:var(--ds-ref-color-neutral-500);--ds-sys-color-action-danger-background:var(--ds-ref-color-neutral-000);--ds-sys-color-action-danger-background-hover:var(--ds-ref-color-coral-100);--ds-sys-color-action-danger-foreground:var(--ds-ref-color-coral-700);--ds-sys-color-action-danger-border:var(--ds-ref-color-coral-700);--ds-sys-color-action-background-disabled:var(--ds-ref-color-neutral-100);--ds-sys-color-action-foreground-disabled:var(--ds-ref-color-neutral-500);--ds-sys-color-action-border-disabled:var(--ds-ref-color-neutral-200);--ds-sys-color-selection-background:var(--ds-sys-color-brand-support-soft);--ds-sys-color-selection-foreground:var(--ds-sys-color-brand-support-strong);--ds-sys-color-selection-border:var(--ds-sys-color-brand-support);--ds-sys-color-feedback-success-quiet-background:var(--ds-ref-color-neutral-000);--ds-sys-color-feedback-success-quiet-foreground:var(--ds-sys-color-brand-support-strong);--ds-sys-color-feedback-success-quiet-border:var(--ds-sys-color-brand-support);--ds-sys-color-feedback-info-background:var(--ds-ref-color-sky-100);--ds-sys-color-feedback-info-foreground:var(--ds-ref-color-sky-700);--ds-sys-color-feedback-info-border:var(--ds-ref-color-sky-700);--ds-sys-color-feedback-highlight-background:var(--ds-ref-color-lilac-100);--ds-sys-color-feedback-highlight-foreground:var(--ds-ref-color-lilac-700);--ds-sys-color-feedback-highlight-border:var(--ds-ref-color-lilac-700);--ds-sys-color-feedback-warning-background:var(--ds-sys-color-brand-signal-soft);--ds-sys-color-feedback-warning-foreground:var(--ds-sys-color-brand-signal-strong);--ds-sys-color-feedback-warning-border:var(--ds-sys-color-brand-signal-strong);--ds-sys-color-feedback-danger-background:var(--ds-ref-color-coral-100);--ds-sys-color-feedback-danger-foreground:var(--ds-ref-color-coral-700);--ds-sys-color-feedback-danger-border:var(--ds-ref-color-coral-700);--ds-sys-color-feedback-success-background:var(--ds-sys-color-brand-support-soft);--ds-sys-color-feedback-success-foreground:var(--ds-sys-color-brand-support-strong);--ds-sys-color-feedback-success-border:var(--ds-sys-color-brand-support);--ds-sys-color-feedback-muted-background:var(--ds-ref-color-neutral-100);--ds-sys-color-feedback-muted-foreground:var(--ds-ref-color-neutral-700);--ds-sys-color-feedback-muted-border:var(--ds-ref-color-neutral-700);--ds-sys-color-indicator-danger:var(--ds-ref-color-red-600);--ds-sys-color-indicator-attention:var(--ds-sys-color-brand-signal);--ds-sys-color-indicator-primary:var(--ds-sys-color-brand-primary);--ds-sys-color-indicator-muted:var(--ds-ref-color-neutral-400);--ds-sys-type-display-font-family:var(--ds-ref-font-family-sans);--ds-sys-type-display-font-size:var(--ds-ref-font-size-032);--ds-sys-type-display-font-weight:var(--ds-ref-font-weight-semibold);--ds-sys-type-display-letter-spacing:0;--ds-sys-type-display-line-height:1.25;--ds-sys-type-page-title-font-family:var(--ds-ref-font-family-sans);--ds-sys-type-page-title-font-size:var(--ds-ref-font-size-028);--ds-sys-type-page-title-font-weight:var(--ds-ref-font-weight-semibold);--ds-sys-type-page-title-letter-spacing:0;--ds-sys-type-page-title-line-height:1.2857;--ds-sys-type-section-title-font-family:var(--ds-ref-font-family-sans);--ds-sys-type-section-title-font-size:var(--ds-ref-font-size-022);--ds-sys-type-section-title-font-weight:var(--ds-ref-font-weight-semibold);--ds-sys-type-section-title-letter-spacing:0;--ds-sys-type-section-title-line-height:1.3636;--ds-sys-type-subsection-font-family:var(--ds-ref-font-family-sans);--ds-sys-type-subsection-font-size:var(--ds-ref-font-size-018);--ds-sys-type-subsection-font-weight:var(--ds-ref-font-weight-semibold);--ds-sys-type-subsection-letter-spacing:0;--ds-sys-type-subsection-line-height:1.4444;--ds-sys-type-body-large-font-family:var(--ds-ref-font-family-sans);--ds-sys-type-body-large-font-size:var(--ds-ref-font-size-016);--ds-sys-type-body-large-font-weight:var(--ds-ref-font-weight-regular);--ds-sys-type-body-large-letter-spacing:0;--ds-sys-type-body-large-line-height:1.5625;--ds-sys-type-body-font-family:var(--ds-ref-font-family-sans);--ds-sys-type-body-font-size:var(--ds-ref-font-size-014);--ds-sys-type-body-font-weight:var(--ds-ref-font-weight-regular);--ds-sys-type-body-letter-spacing:0;--ds-sys-type-body-line-height:1.5714;--ds-sys-type-body-small-font-family:var(--ds-ref-font-family-sans);--ds-sys-type-body-small-font-size:var(--ds-ref-font-size-013);--ds-sys-type-body-small-font-weight:var(--ds-ref-font-weight-regular);--ds-sys-type-body-small-letter-spacing:0;--ds-sys-type-body-small-line-height:1.5385;--ds-sys-type-label-font-family:var(--ds-ref-font-family-sans);--ds-sys-type-label-font-size:var(--ds-ref-font-size-014);--ds-sys-type-label-font-weight:var(--ds-ref-font-weight-medium);--ds-sys-type-label-letter-spacing:0;--ds-sys-type-label-line-height:1.4286;--ds-sys-type-label-small-font-family:var(--ds-ref-font-family-sans);--ds-sys-type-label-small-font-size:var(--ds-ref-font-size-012);--ds-sys-type-label-small-font-weight:var(--ds-ref-font-weight-medium);--ds-sys-type-label-small-letter-spacing:0;--ds-sys-type-label-small-line-height:1.5;--ds-sys-type-data-id-font-family:var(--ds-ref-font-family-mono);--ds-sys-type-data-id-font-size:var(--ds-ref-font-size-013);--ds-sys-type-data-id-font-weight:var(--ds-ref-font-weight-regular);--ds-sys-type-data-id-letter-spacing:0;--ds-sys-type-data-id-line-height:1.5385;--ds-comp-shell-topbar-height-default:var(--ds-ref-space-800);--ds-comp-shell-sidebar-width-default:232px;--ds-comp-shell-inspector-width-default:360px;--ds-comp-shell-content-max-width-default:1440px;--ds-sys-size-target-minimum:var(--ds-ref-size-target-minimum);--ds-sys-size-target-preferred:var(--ds-ref-size-control-default);--ds-sys-border-focus-width:var(--ds-ref-border-width-strong);--ds-sys-border-focus-offset:var(--ds-ref-space-025);--ds-comp-button-container-height-compact:var(--ds-ref-size-control-compact);--ds-comp-button-container-height-default:var(--ds-ref-size-control-default);--ds-comp-button-container-height-large:var(--ds-ref-size-control-large);--ds-comp-button-container-radius-default:var(--ds-ref-radius-default);--ds-comp-button-content-gap-default:var(--ds-ref-space-100);--ds-comp-button-container-padding-inline-default:var(--ds-ref-space-200);--ds-comp-field-container-height-default:var(--ds-ref-size-control-default);--ds-comp-field-container-radius-default:var(--ds-ref-radius-default);--ds-comp-field-container-padding-inline-default:var(--ds-ref-space-150);--ds-comp-chip-container-height-default:var(--ds-ref-size-target-minimum);--ds-comp-chip-container-radius-default:var(--ds-ref-radius-small);--ds-comp-chip-content-gap-default:var(--ds-ref-space-075);--ds-comp-row-container-min-height-default:var(--ds-ref-size-row-default);--ds-comp-row-content-gap-default:var(--ds-ref-space-150);--ds-comp-panel-container-radius-default:var(--ds-ref-radius-panel);--ds-comp-panel-container-padding-default:var(--ds-ref-space-200);--ds-comp-panel-content-gap-default:var(--ds-ref-space-200);--ds-comp-dialog-container-radius-default:var(--ds-ref-radius-dialog);--ds-comp-dialog-container-padding-default:var(--ds-ref-space-300);--ds-comp-dialog-container-max-width-default:640px;--ds-comp-icon-graphic-size-compact:var(--ds-ref-size-icon-compact);--ds-comp-icon-graphic-size-default:var(--ds-ref-size-icon-default);--ds-comp-icon-graphic-size-large:var(--ds-ref-size-icon-large);--ds-comp-icon-graphic-stroke-width-default:1.75}@media (prefers-reduced-motion:reduce){:root{--ds-ref-duration-fast:0s;--ds-ref-duration-standard:0s;--ds-ref-duration-slow:0s}}
:root{--ds-ref-font-family-sans:var(--font-mitr), var(--font-noto-sans-thai), ui-sans-serif, system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--ds-sys-type-body-font-family)}*{box-sizing:border-box}body{background:var(--ds-sys-color-surface-canvas);min-width:320px;min-height:100vh;color:var(--ds-sys-color-text-primary);font:var(--ds-sys-type-body-font-weight) var(--ds-sys-type-body-font-size) / var(--ds-sys-type-body-line-height) var(--ds-sys-type-body-font-family);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,strong,b{font-weight:var(--ds-ref-font-weight-medium)}button,input{font:inherit}button{cursor:pointer;border:0}:focus-visible{outline:var(--ds-sys-border-focus-width) solid var(--ds-sys-color-border-focus);outline-offset:var(--ds-sys-border-focus-offset)}.app-shell{min-height:100vh;padding:18px}.topbar,.panel,.stat-card,.watch-card{background:var(--ds-sys-color-surface-default);border:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);border-radius:var(--ds-ref-radius-default);box-shadow:var(--ds-ref-shadow-subtle)}.topbar{justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto 16px;padding:14px 18px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{background:var(--ds-sys-color-brand-background);border:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);border-radius:var(--ds-ref-radius-default);place-items:center;width:38px;height:38px;display:grid;overflow:hidden}.brand-logo{display:block;transform:translateY(1px)}.brand strong,.brand span{display:block}.brand strong{font-size:18px;line-height:1.2}.brand span{color:var(--ds-sys-color-text-secondary);font-size:12px}.operator-chip{background:var(--ds-sys-color-selection-background);color:var(--ds-sys-color-selection-foreground);border-radius:999px;align-self:flex-start;align-items:center;gap:7px;padding:8px 12px;font-size:13px;display:flex}.dashboard{gap:16px;max-width:1280px;margin:0 auto;display:grid}.headline{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.headline h1{margin:0;font-size:28px}.headline p{color:var(--ds-sys-color-text-secondary);margin:4px 0 0}.sync-banner{background:var(--ds-sys-color-surface-default);border:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);border-radius:var(--ds-ref-radius-default);box-shadow:var(--ds-ref-shadow-subtle);color:var(--ds-sys-color-text-secondary);grid-template-columns:20px 1fr auto;align-items:center;gap:8px;padding:10px 14px;display:grid}.sync-banner strong,.sync-banner span{font-size:12px;display:block}.sync-banner.ready{color:var(--ds-sys-color-feedback-success-foreground)}.sync-banner.error{background:var(--ds-sys-color-feedback-warning-background);color:var(--ds-sys-color-feedback-warning-foreground)}.sync-banner button{background:var(--ds-sys-color-action-secondary-background);border:var(--ds-ref-border-width-default) solid var(--ds-sys-color-action-secondary-border);border-radius:var(--ds-comp-button-container-radius-default);color:var(--ds-sys-color-action-secondary-foreground);font-size:12px;font-weight:var(--ds-ref-font-weight-medium);align-items:center;gap:6px;min-height:34px;padding:0 10px;display:inline-flex}.sync-banner.loading svg,.sync-banner.saving svg,.is-spinning{animation:1.2s linear infinite spin}.demo-tools{border-top:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);color:var(--ds-sys-color-text-secondary);justify-content:space-between;align-items:center;gap:16px;margin-top:4px;padding:14px 0 2px;display:flex}.demo-tools strong{color:var(--ds-sys-color-text-metadata-strong);font-size:13px;display:block}.demo-tools span{margin-top:2px;font-size:12px;display:block}.demo-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.reset-demo-button{background:var(--ds-sys-color-action-secondary-background);border:var(--ds-ref-border-width-default) solid var(--ds-sys-color-action-secondary-border);border-radius:var(--ds-comp-button-container-radius-default);color:var(--ds-sys-color-action-secondary-foreground);min-height:var(--ds-comp-button-container-height-default);padding:0 var(--ds-comp-button-container-padding-inline-default);white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.reset-demo-button:hover{background:var(--ds-sys-color-action-secondary-background-hover)}.reset-demo-button:disabled{background:var(--ds-sys-color-action-background-disabled);border-color:var(--ds-sys-color-action-border-disabled);color:var(--ds-sys-color-action-foreground-disabled);cursor:not-allowed}.feedback-chip{border:var(--ds-ref-border-width-default) solid var(--ds-sys-color-feedback-muted-border);color:var(--ds-sys-color-feedback-muted-foreground);font-size:12px;font-weight:var(--ds-ref-font-weight-medium);white-space:nowrap;border-radius:999px;align-items:center;min-height:32px;padding:0 10px;display:inline-flex}.feedback-chip.success{background:var(--ds-sys-color-feedback-success-background);border-color:var(--ds-sys-color-feedback-success-border);color:var(--ds-sys-color-feedback-success-foreground)}.feedback-chip.danger{background:var(--ds-sys-color-feedback-danger-background);border-color:var(--ds-sys-color-feedback-danger-border);color:var(--ds-sys-color-feedback-danger-foreground)}.feedback-chip.muted{background:var(--ds-sys-color-feedback-muted-background)}.stat-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.stat-card{justify-content:space-between;align-items:start;min-height:118px;padding:16px;display:flex}.stat-card span,.stat-card small{color:var(--ds-sys-color-text-secondary);font-size:12px;display:block}.stat-card strong{margin:10px 0 8px;font-size:34px;line-height:1.1;display:block}.blue svg{color:var(--ds-sys-color-brand-primary)}.amber svg{color:var(--ds-sys-color-brand-signal-strong)}.green svg{color:var(--ds-sys-color-brand-support-strong)}.red svg{color:var(--ds-sys-color-indicator-danger)}.main-grid{grid-template-columns:minmax(0,1fr) 320px;gap:16px;display:grid}.panel{overflow:hidden}.panel-header{border-bottom:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);justify-content:space-between;align-items:center;padding:14px;display:flex}.panel-header strong{font-size:16px}.toolbar{align-items:center;gap:8px;display:flex}.toolbar button,.search-row{background:var(--ds-sys-color-action-secondary-background);border:var(--ds-ref-border-width-default) solid var(--ds-sys-color-action-secondary-border);border-radius:var(--ds-comp-button-container-radius-default);color:var(--ds-sys-color-action-secondary-foreground);min-height:var(--ds-comp-button-container-height-default);padding:0 var(--ds-comp-button-container-padding-inline-default);align-items:center;gap:7px;display:flex}.search-row input{background:0 0;border:0;outline:none;min-width:220px}.visit-table{overflow:auto}.table-row{background:var(--ds-sys-color-surface-default);border-bottom:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);color:inherit;text-align:left;grid-template-columns:76px 90px minmax(160px,1.2fr) 110px minmax(140px,1fr) 136px 76px;align-items:center;gap:8px;width:100%;min-width:860px;padding:12px 14px;display:grid}.table-row.header{background:var(--ds-sys-color-surface-canvas);color:var(--ds-sys-color-text-secondary);font-size:12px;font-weight:var(--ds-ref-font-weight-medium)}button.table-row:hover,button.table-row.selected{background:var(--ds-sys-color-brand-primary-soft)}.skeleton-row span{background:var(--ds-sys-color-surface-muted);border-radius:var(--ds-ref-radius-small);height:15px;animation:1.4s ease-in-out infinite pulse}.table-state{text-align:center;place-items:center;gap:9px;min-width:860px;padding:34px 16px 38px;display:grid}.state-card{justify-items:start;gap:10px;padding:18px;display:grid}.state-card__icon{background:var(--ds-sys-color-feedback-muted-background);border-radius:var(--ds-ref-radius-default);color:var(--ds-sys-color-text-secondary);place-items:center;width:40px;height:40px;display:grid}.state-card strong,.table-state strong,.state-card p,.table-state p{margin:0}.state-card strong,.table-state strong{font-size:16px}.state-card p,.table-state p{color:var(--ds-sys-color-text-secondary);max-width:34rem;font-size:13px}.table-state button{background:var(--ds-sys-color-action-secondary-background);border:var(--ds-ref-border-width-default) solid var(--ds-sys-color-action-secondary-border);border-radius:var(--ds-comp-button-container-radius-default);color:var(--ds-sys-color-action-secondary-foreground);font-weight:var(--ds-ref-font-weight-medium);align-items:center;gap:7px;min-height:38px;padding:0 12px;display:inline-flex}.status-pill{font-size:12px;font-weight:var(--ds-ref-font-weight-medium);white-space:nowrap;border-radius:999px;justify-self:start;align-items:center;gap:5px;padding:6px 9px;display:inline-flex}.status-pill.success{background:var(--ds-sys-color-feedback-success-background);color:var(--ds-sys-color-feedback-success-foreground)}.status-pill.warning{background:var(--ds-sys-color-feedback-warning-background);color:var(--ds-sys-color-feedback-warning-foreground)}.status-pill.danger{background:var(--ds-sys-color-feedback-danger-background);color:var(--ds-sys-color-feedback-danger-foreground)}.watch-stack,.timeline{gap:12px;display:grid}.watch-card{padding:14px}.watch-card.amber{background:var(--ds-sys-color-feedback-warning-background)}.watch-card.red{background:var(--ds-sys-color-feedback-danger-background)}.watch-card.blue{background:var(--ds-sys-color-feedback-info-background)}.watch-card span{color:var(--ds-sys-color-text-secondary);font-size:12px;font-weight:var(--ds-ref-font-weight-medium);display:block}.watch-card strong{margin-top:8px;font-size:28px;display:block}.timeline-item{grid-template-columns:14px 1fr auto;align-items:start;gap:9px;display:grid;position:relative}.timeline-item:before{background:var(--ds-sys-color-border-default);content:"";width:2px;height:calc(100% + 12px);position:absolute;top:10px;left:6px}.timeline-item:last-child:before{display:none}.dot{z-index:1;border-radius:999px;width:12px;height:12px;margin-top:3px;position:relative}.green .dot{background:var(--ds-sys-color-brand-support)}.amber .dot{background:var(--ds-sys-color-brand-signal)}.red .dot{background:var(--ds-sys-color-indicator-danger)}.muted .dot{background:var(--ds-sys-color-indicator-muted)}.timeline-item strong{font-size:13px;display:block}.timeline-item p{color:var(--ds-sys-color-text-secondary);margin:3px 0 0;font-size:12px}.timeline-item time{color:var(--ds-sys-color-text-secondary);white-space:nowrap;font-size:12px}@media (max-width:1000px){.stat-grid,.main-grid{grid-template-columns:1fr 1fr}.main-grid{grid-template-columns:1fr}}@media (max-width:640px){.app-shell{padding:10px}.topbar,.headline,.panel-header,.toolbar{flex-direction:column;align-items:stretch}.demo-tools,.demo-actions{flex-direction:column;justify-content:flex-start;align-items:stretch}.reset-demo-button,.feedback-chip{justify-content:center;width:100%}.stat-grid{grid-template-columns:1fr}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.46}}