@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;text-rendering:optimizelegibility;margin:0}h1,h2,h3,strong,b{font-weight:var(--ds-ref-font-weight-medium)}button{cursor:pointer;font:inherit;border:0}button:disabled{cursor:not-allowed;opacity:.52}: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{justify-items:center;min-height:100vh;padding:18px;display:grid}.mobile-app{background:var(--ds-sys-color-surface-canvas);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-popover);grid-template-rows:auto minmax(0,1fr) auto;width:100%;max-width:430px;height:calc(100vh - 36px);display:grid;overflow:hidden}.app-header{background:var(--ds-sys-color-surface-default);border-bottom:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);gap:14px;padding:16px;display:grid}.brand-row,.brand-title,.resident-summary,.quick-panel,.action-bar{align-items:center;display:flex}.brand-row{justify-content:space-between;gap:12px}.brand-title{gap:10px;min-width:0}.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);flex:none;place-items:center;width:38px;height:38px;display:grid;overflow:hidden}.brand-logo{display:block;transform:translateY(1px)}.brand-title strong,.brand-title span{display:block}.brand-title strong{font-size:16px;line-height:1.2}.brand-title span{color:var(--ds-sys-color-text-secondary);margin-top:2px;font-size:12px}.icon-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);flex:none;place-items:center;width:38px;height:38px;display:grid}.resident-summary{background:var(--ds-sys-color-surface-subtle);border:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);border-radius:var(--ds-ref-radius-default);justify-content:space-between;gap:14px;padding:12px;position:relative}.resident-summary div{gap:3px;min-width:0;display:grid}.resident-summary div:nth-of-type(2){text-align:right}.resident-summary span{color:var(--ds-sys-color-text-secondary);font-size:12px}.resident-summary strong{overflow-wrap:anywhere;font-size:14px}.resident-summary:not(.login-summary){padding-right:54px}.summary-logout{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);place-items:center;width:34px;height:34px;display:grid;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.content-area{align-content:start;gap:14px;padding:16px;display:grid;overflow:auto}.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);color:var(--ds-sys-color-text-secondary);grid-template-columns:18px 1fr;align-items:center;gap:8px;padding:10px 12px;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.loading svg,.sync-banner.saving svg,.is-spinning{animation:1.2s linear infinite spin}.state-card,.login-panel,.visit-card,.quick-panel{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)}.state-card{gap:12px;padding:14px;display:grid}.state-card.warning{background:var(--ds-sys-color-feedback-warning-background);border-color:var(--ds-sys-color-feedback-warning-border)}.state-card__header{grid-template-columns:34px 1fr;align-items:start;gap:10px;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:34px;height:34px;display:grid}.state-card.warning .state-card__icon{background:var(--ds-sys-color-surface-default);color:var(--ds-sys-color-feedback-warning-foreground)}.state-card strong,.state-card p{margin:0}.state-card strong{font-size:14px;display:block}.state-card p{color:var(--ds-sys-color-text-secondary);margin-top:3px;font-size:12px}.state-card button,.quick-panel button,.login-submit{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:13px;font-weight:var(--ds-ref-font-weight-medium);white-space:nowrap;justify-self:start;align-items:center;gap:7px;min-height:36px;padding:0 12px;display:inline-flex}.login-panel{box-shadow:var(--ds-ref-shadow-subtle);gap:14px;padding:16px;display:grid}.login-title{color:var(--ds-sys-color-brand-support-strong);align-items:center;gap:10px;display:flex}.login-title strong,.login-title span,.login-panel label span{display:block}.login-title strong{font-size:18px;line-height:1.25}.login-title span{color:var(--ds-sys-color-text-secondary);margin-top:2px;font-size:12px}.login-panel label{gap:6px;display:grid}.login-panel label span{color:var(--ds-sys-color-text-secondary);font-size:12px}.login-panel input{background:var(--ds-sys-color-surface-subtle);border:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);border-radius:var(--ds-ref-radius-default);color:var(--ds-sys-color-text-primary);font:inherit;width:100%;min-height:48px;padding:0 12px;font-size:18px}.login-panel input::placeholder{color:var(--ds-sys-color-text-secondary)}.login-panel input:focus{border-color:var(--ds-sys-color-border-focus);outline:var(--ds-sys-border-focus-width) solid var(--ds-sys-color-border-focus);outline-offset:var(--ds-sys-border-focus-offset)}.login-error{background:var(--ds-sys-color-feedback-danger-background);border:var(--ds-ref-border-width-default) solid var(--ds-sys-color-feedback-danger-border);border-radius:var(--ds-ref-radius-default);color:var(--ds-sys-color-feedback-danger-foreground);align-items:center;gap:8px;padding:10px 12px;font-size:12px;display:flex}.login-submit{background:var(--ds-sys-color-action-primary-background);border-color:var(--ds-sys-color-action-primary-background);color:var(--ds-sys-color-action-primary-foreground);justify-content:center;width:100%;min-height:48px;font-size:14px}.visit-card{box-shadow:var(--ds-ref-shadow-subtle);gap:14px;padding:16px;display:grid}.loading-card{box-shadow:none}.skeleton-stack{gap:9px;display:grid}.skeleton-line,.skeleton-photo{background:var(--ds-sys-color-surface-muted);border-radius:var(--ds-ref-radius-default);animation:1.4s ease-in-out infinite pulse;display:block}.skeleton-line{height:16px}.skeleton-line.short{width:68%}.skeleton-photo{aspect-ratio:16/9}.visit-title{color:var(--ds-sys-color-brand-support-strong);align-items:center;gap:10px;display:flex}.visit-title strong,.visit-title span{display:block}.visit-title strong{font-size:18px}.visit-title span,.visit-note{color:var(--ds-sys-color-text-secondary);font-size:12px}.info-grid{gap:9px;display:grid}.info-line{grid-template-columns:22px 82px 1fr;align-items:center;gap:8px;display:grid}.info-line svg,.info-line span{color:var(--ds-sys-color-text-secondary)}.info-line span,.info-line strong{font-size:13px}.info-line strong{color:var(--ds-sys-color-text-primary);text-align:right}.plate-photo{aspect-ratio:16/9;background:var(--ds-sys-color-surface-muted);border:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);border-radius:var(--ds-ref-radius-default);position:relative;overflow:hidden}.plate-photo__image{object-fit:cover}.plate-photo__scrim{background:linear-gradient(180deg, transparent 38%, var(--ds-sys-color-surface-overlay));z-index:1;position:absolute;inset:0}.plate-photo__caption{color:var(--ds-sys-color-text-inverse);z-index:2;justify-content:space-between;align-items:end;gap:10px;padding:12px;display:flex;position:absolute;bottom:0;left:0;right:0}.plate-photo__caption span{font-size:12px;font-weight:var(--ds-ref-font-weight-medium)}.plate-photo__caption strong{text-align:right;white-space:nowrap;font-size:18px;line-height:1}.quick-panel{justify-content:space-between;gap:12px;padding:14px}.quick-panel div{gap:3px;min-width:0;display:grid}.quick-panel strong,.quick-panel span{display:block}.quick-panel strong{font-size:14px}.quick-panel span{color:var(--ds-sys-color-text-secondary);font-size:12px}.history-view{align-content:start;gap:14px;min-width:0;display:grid}.history-header{align-items:center;gap:10px;min-width:0;display:flex}.history-header div{gap:2px;min-width:0;display:grid}.history-header strong,.history-header span{display:block}.history-header strong{font-size:18px;line-height:1.25}.history-header span{color:var(--ds-sys-color-text-secondary);font-size:12px}.history-back{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);flex:none;place-items:center;width:38px;height:38px;display:grid}.history-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.history-stats div{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);gap:2px;min-width:0;padding:10px 8px;display:grid}.history-stats span{color:var(--ds-sys-color-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.history-stats strong{font-size:18px;line-height:1.1}.history-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.history-filters 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);text-align:left;justify-content:space-between;align-items:center;gap:7px;width:100%;min-width:0;min-height:36px;padding:0 10px;display:inline-flex}.history-filters button span{min-width:0;line-height:1.2}.history-filters button.active{background:var(--ds-sys-color-selection-background);border-color:var(--ds-sys-color-selection-border);color:var(--ds-sys-color-selection-foreground)}.history-filters button strong{background:var(--ds-sys-color-surface-default);border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;display:inline-flex}.history-list{gap:10px;display:grid}.history-item{color:inherit;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);text-align:left;gap:10px;width:100%;min-width:0;padding:14px;display:grid}.history-item:hover{border-color:var(--ds-sys-color-action-secondary-border)}.history-item__top,.history-item__title,.history-item__footer{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.history-item__top>span,.history-item__title span,.history-item__footer span{color:var(--ds-sys-color-text-secondary);font-size:12px}.history-item__title strong{overflow-wrap:anywhere;flex:auto;min-width:0;font-size:15px}.history-item__title span{overflow-wrap:anywhere;text-align:right;flex:0 46%;min-width:0}.history-item__meta{gap:7px;display:grid}.history-item__meta span{color:var(--ds-sys-color-text-secondary);overflow-wrap:anywhere;align-items:center;gap:6px;min-width:0;font-size:12px;display:inline-flex}.history-item__footer{border-top:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-subtle);padding-top:10px}.history-item__footer span{overflow-wrap:anywhere;min-width:0}.history-item__footer strong{color:var(--ds-sys-color-text-primary);text-align:right;white-space:nowrap;flex:none;align-items:center;gap:3px;font-size:12px;display:inline-flex}.detail-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);gap:14px;min-width:0;padding:16px;display:grid}.detail-title{justify-content:space-between;align-items:start;gap:12px;min-width:0;display:flex}.detail-title div{gap:3px;min-width:0;display:grid}.detail-title strong{overflow-wrap:anywhere;font-size:18px;line-height:1.25}.detail-title span{color:var(--ds-sys-color-text-secondary);overflow-wrap:anywhere;font-size:12px}.detail-grid{gap:9px;display:grid}.detail-note{background:var(--ds-sys-color-surface-subtle);border:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);border-radius:var(--ds-ref-radius-default);gap:4px;padding:12px;display:grid}.detail-note span{color:var(--ds-sys-color-text-secondary);font-size:12px}.detail-note strong{overflow-wrap:anywhere;font-size:13px}.detail-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.action-bar{background:var(--ds-sys-color-surface-default);border-top:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);gap:10px;padding:12px}.primary-action{border-radius:var(--ds-comp-button-container-radius-default);font-size:13px;font-weight:var(--ds-ref-font-weight-medium);flex:1;place-items:center;gap:5px;min-height:72px;padding:8px 4px;display:grid}.primary-action.stamp{background:var(--ds-sys-color-brand-support);color:var(--ds-sys-color-text-inverse)}.primary-action.reject{background:var(--ds-sys-color-indicator-danger);color:var(--ds-sys-color-text-inverse)}.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)}.toast{background:var(--ds-sys-color-text-primary);box-shadow:var(--ds-ref-shadow-dialog);color:var(--ds-sys-color-text-inverse);font-size:14px;font-weight:var(--ds-ref-font-weight-medium);z-index:20;border-radius:999px;align-items:center;gap:8px;max-width:calc(100vw - 32px);padding:10px 16px;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%)}@media (max-width:480px){.app-shell{padding:0}.mobile-app{box-shadow:none;border:0;border-radius:0;max-width:none;height:100vh;min-height:100vh}}@media (min-width:760px){.mobile-app{height:min(900px,100vh - 36px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.46}}