@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+Thai:wght@400;500;600;700&display=swap";@font-face{font-family:Noto Sans Thai;src:url(/fonts/NotoSansThai-VariableFont_wdth_wght.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}:root{--primary:#1565c0;--primary-hover:#104e94;--primary-press:#0d4080;--primary-soft:#e3eef8;--on-primary:#fff;--secondary:#fbc02d;--secondary-hover:#e0a91a;--secondary-soft:#fef4d6;--on-secondary:#1a1a1a;--surface:#fafaf7;--surface-elevated:#fff;--surface-sunken:#f3f2ec;--scrim:#1a1a1a7a;--text-primary:#1a1a1a;--text-secondary:#5c5c5c;--text-tertiary:#8a8a8a;--text-disabled:#1a1a1a61;--text-on-color:#fff;--text-link:#1565c0;--border:#e6e4de;--border-strong:#c9c6bd;--border-focus:#1565c0;--divider:#eceae4;--present:#2e7d32;--present-soft:#e4f0e5;--late:#f57c00;--late-soft:#fcebd7;--excused:#546e7a;--excused-soft:#e5eaec;--absent:#c62828;--absent-soft:#f8dfdf;--success:#2e7d32;--warning:#f57c00;--info:#1565c0;--error:#c62828;--font-thai:"Noto Sans Thai", system-ui, sans-serif;--font-latin:"Inter", "Noto Sans Thai", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-sans:"Noto Sans Thai", "Inter", system-ui, sans-serif;--font-family-primary:var(--font-sans);--font-mono:ui-monospace, "SF Mono", "IBM Plex Mono", Menlo, monospace;--fs-12:12px;--fs-14:14px;--fs-16:16px;--fs-18:18px;--fs-20:20px;--fs-24:24px;--fs-32:32px;--fs-40:40px;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--lh-tight:1.2;--lh-snug:1.35;--lh-normal:1.5;--lh-loose:1.7;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:9999px;--shadow-sm:0 1px 2px #1a1a1a0a, 0 1px 3px #1a1a1a0f;--shadow-md:0 4px 8px #1a1a1a0f, 0 2px 4px #1a1a1a0a;--shadow-lg:0 12px 24px #1a1a1a1a, 0 4px 8px #1a1a1a0f;--shadow-focus:0 0 0 3px #1565c03d;--ease-standard:cubic-bezier(.2, 0, 0, 1);--dur-fast:.1s;--dur-base:.15s;--dur-slow:.22s;--tap-min:48px;--mobile-w:390px;--mobile-h:844px}.t-display-lg{font-family:var(--font-sans);font-size:var(--fs-40);font-weight:var(--fw-bold);line-height:var(--lh-tight);letter-spacing:-.02em;color:var(--text-primary)}.t-display-sm{font-family:var(--font-sans);font-size:var(--fs-32);font-weight:var(--fw-bold);line-height:var(--lh-tight);letter-spacing:-.01em;color:var(--text-primary)}.t-headline{font-family:var(--font-sans);font-size:var(--fs-24);font-weight:var(--fw-semibold);line-height:var(--lh-snug);color:var(--text-primary)}.t-title-lg{font-family:var(--font-sans);font-size:var(--fs-20);font-weight:var(--fw-semibold);line-height:var(--lh-snug);color:var(--text-primary)}.t-title{font-family:var(--font-sans);font-size:var(--fs-18);font-weight:var(--fw-semibold);line-height:var(--lh-snug);color:var(--text-primary)}.t-body-lg{font-family:var(--font-sans);font-size:var(--fs-18);font-weight:var(--fw-regular);line-height:var(--lh-normal);color:var(--text-primary)}.t-body{font-family:var(--font-sans);font-size:var(--fs-16);font-weight:var(--fw-regular);line-height:var(--lh-normal);color:var(--text-primary)}.t-body-sm{font-family:var(--font-sans);font-size:var(--fs-14);font-weight:var(--fw-regular);line-height:var(--lh-normal);color:var(--text-secondary)}.t-label{font-family:var(--font-sans);font-size:var(--fs-14);font-weight:var(--fw-medium);line-height:var(--lh-snug);color:var(--text-primary)}.t-label-sm{font-family:var(--font-sans);font-size:var(--fs-12);font-weight:var(--fw-medium);line-height:var(--lh-snug);color:var(--text-secondary);letter-spacing:.01em}.t-caption{font-family:var(--font-sans);font-size:var(--fs-12);font-weight:var(--fw-regular);line-height:var(--lh-snug);color:var(--text-tertiary)}.t-num{font-feature-settings:"tnum" 1, "lnum" 1}*{box-sizing:border-box}html,body{background:var(--surface);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--fs-16);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}h1,h2,h3,h4,h5,h6,p,span,div,a,li,button,input,textarea,select,label{font-family:var(--font-sans)}html,body{background:var(--surface);height:100%;margin:0}#root{min-height:100vh}body{font-family:var(--font-sans);color:var(--text-primary)}input,select,textarea,button{font-family:var(--font-sans)}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}::selection{background:var(--primary-soft)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border:3px solid var(--surface);border-radius:9999px}::-webkit-scrollbar-track{background:0 0}@media print{@page{size:A4;margin:14mm}body{background:#fff}.no-print{display:none!important}.print-area{background:#fff!important;padding:0!important}.a4doc{box-shadow:none!important;max-width:100%!important;padding:0!important}}