@font-face{font-family:Nunito;src:url(/fonts/Nunito-VariableFont_wght.ttf) format("truetype");font-weight:200 900;font-style:normal;font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/Nunito-Italic-VariableFont_wght.ttf) format("truetype");font-weight:200 900;font-style:italic;font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/NotoSansThai-200.ttf) format("truetype");font-weight:200;font-style:normal;font-display:swap;unicode-range:u+0e00-0e7f,u+200c-200d,u+25cc}@font-face{font-family:Nunito;src:url(/fonts/NotoSansThai-300.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap;unicode-range:u+0e00-0e7f,u+200c-200d,u+25cc}@font-face{font-family:Nunito;src:url(/fonts/NotoSansThai-400.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap;unicode-range:u+0e00-0e7f,u+200c-200d,u+25cc}@font-face{font-family:Nunito;src:url(/fonts/NotoSansThai-500.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap;unicode-range:u+0e00-0e7f,u+200c-200d,u+25cc}@font-face{font-family:Nunito;src:url(/fonts/NotoSansThai-600.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap;unicode-range:u+0e00-0e7f,u+200c-200d,u+25cc}@font-face{font-family:Nunito;src:url(/fonts/NotoSansThai-700.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap;unicode-range:u+0e00-0e7f,u+200c-200d,u+25cc}@font-face{font-family:Nunito;src:url(/fonts/NotoSansThai-800.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap;unicode-range:u+0e00-0e7f,u+200c-200d,u+25cc}@font-face{font-family:Nunito;src:url(/fonts/NotoSansThai-900.ttf) format("truetype");font-weight:900;font-style:normal;font-display:swap;unicode-range:u+0e00-0e7f,u+200c-200d,u+25cc}:root{color-scheme:light;--color-theme-olive:#807d2d;--color-theme-teal:#3e696d;--color-theme-white:#ffffff;--color-theme-neutral:#6d6d6d;--color-bg-ambient:#FFFFFF;--color-bg-ambient-glow:rgba(128,125,45,0.1);--color-bg-base:#F7F8F6;--color-surface-card:#FFFFFF;--color-surface-card-strong:#FFFFFF;--color-surface-element:#F7F8F6;--color-surface-element-hover:#F1F3EF;--color-accent:#3e696d;--color-accent-hover:#345c60;--color-accent-pressed:#2b4f52;--color-accent-dim:#807d2d;--color-on-accent:#FFFFFF;--color-accent-mist:rgba(62,105,109,0.08);--color-accent-soft:rgba(62,105,109,0.14);--color-accent-ring:rgba(128,125,45,0.34);--color-accent-glow:rgba(62,105,109,0.2);--color-accent-glow-strong:rgba(128,125,45,0.28);--color-text-primary:#3e696d;--color-text-secondary:#6d6d6d;--color-icon-inactive:#6d6d6d;--color-icon-active:#807d2d;--color-border:#E3E2D6;--color-border-selected:#807d2d;--color-border-unselected:transparent;--color-nav-bg:rgba(255,255,255,0.96);--color-mobile-menu-bg:#FFFFFF;--color-hover-overlay:rgba(128,125,45,0.1);--color-subtle-border:#E3E2D6;--color-logout-border:rgba(62,105,109,0.26);--radius-card:22px;--radius-tile:18px;--radius-pill:40px;--radius-circle:50%;--spacing-card-pad:24px;--spacing-section-gap:24px;--spacing-label-gap:12px;--shadow-card:0 12px 28px rgba(62,105,109,0.1);--shadow-card-hover:0 16px 34px rgba(62,105,109,0.14);--glow-selected:0 0 0 3px var(--color-accent-soft);--glow-accent:var(--glow-selected);--transition-fast:150ms ease-out;--transition-medium:200ms ease;--bg-color:var(--color-bg-ambient);--bg-image:none;--page-px:16px;--page-py:24px;--nav-h:90px;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-right:env(safe-area-inset-right,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);--nav-total-h:calc(var(--nav-h) + var(--safe-area-top) + 1px);--footer-reserved-h:calc(48px + var(--safe-area-bottom));--monitor-primitive-teal-700:#31585c;--monitor-primitive-olive-700:#6e6b24;--monitor-primitive-slate-950:#172324;--monitor-primitive-slate-700:#405052;--monitor-primitive-slate-100:#edf1ef;--monitor-primitive-amber-700:#8a5b12;--monitor-primitive-amber-100:#fff4d9;--monitor-primitive-red-700:#a23434;--monitor-primitive-red-100:#fce8e8;--monitor-primitive-green-700:#2f6b4f;--monitor-primitive-green-100:#e4f3ea;--monitor-color-heading:var(--monitor-primitive-slate-950);--monitor-color-copy:var(--monitor-primitive-slate-700);--monitor-color-divider:var(--color-border);--monitor-color-surface:var(--color-surface-card);--monitor-color-surface-muted:var(--monitor-primitive-slate-100);--monitor-color-focus:var(--monitor-primitive-olive-700);--monitor-color-healthy:var(--monitor-primitive-green-700);--monitor-color-healthy-bg:var(--monitor-primitive-green-100);--monitor-color-warning:var(--monitor-primitive-amber-700);--monitor-color-warning-bg:var(--monitor-primitive-amber-100);--monitor-color-danger:var(--monitor-primitive-red-700);--monitor-color-danger-bg:var(--monitor-primitive-red-100);--monitor-panel-bg:var(--monitor-color-surface);--monitor-panel-border:var(--monitor-color-divider);--monitor-control-bg:var(--monitor-color-surface);--monitor-control-border:var(--monitor-color-divider);--monitor-tab-active-bg:var(--monitor-primitive-teal-700);--monitor-tab-active-text:var(--color-on-accent);--monitor-row-hover-bg:var(--color-surface-element-hover)}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media (min-width:640px){:root{--page-px:24px;--page-py:32px;--nav-h:52px}}@media (min-width:1024px){:root{--page-px:40px;--page-py:40px;--nav-h:56px}}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;color-scheme:light;scroll-behavior:smooth}body{margin:0;min-height:100vh;min-height:100dvh;max-width:100vw;overflow-x:hidden;display:flex;flex-direction:column;background-color:var(--bg-color);background-image:var(--bg-image);background-attachment:fixed;background-size:cover;color:var(--color-text-primary);font-family:Nunito,system-ui,-apple-system,sans-serif;line-height:1.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.app-copyright-footer{position:relative;flex:0 0 auto;margin-top:auto;padding:10px calc(var(--page-px) + var(--safe-area-right)) calc(12px + var(--safe-area-bottom)) calc(var(--page-px) + var(--safe-area-left));color:var(--color-text-secondary);font-size:11px;font-weight:600;line-height:1.35;letter-spacing:0;text-align:center;opacity:1}img,svg{max-width:100%}a{color:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent;font:inherit}button,select{color:inherit}[role=button],a,button{min-height:44px;display:inline-flex;align-items:center;justify-content:center}button.btn-primary,button.btn-secondary,button[style*="display: block"],button[style*="display:block"]{display:block}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}input,select,textarea{color-scheme:inherit;caret-color:var(--color-accent)}::selection{background:var(--color-accent-soft);color:var(--color-text-primary)}.submission-status{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:4px 10px;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface-element);color:var(--color-text-primary);font-size:12px;font-weight:800;white-space:nowrap}.submission-status-en{color:var(--color-text-secondary);font-weight:600}.submission-status-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.submission-status-approved{color:#286b4a;background:#eef8f1;border-color:#b8dfc5}.submission-status-rejected{color:#934737;background:#fff2ee;border-color:#e9c2b7}.submission-status-pending_review{color:var(--color-accent);background:var(--color-accent-mist);border-color:var(--color-accent-ring)}.submission-muted,.submission-status-deprecated{color:var(--color-text-secondary)}.submission-muted{font-size:13px}.submission-timeline{list-style:none;margin:0;padding:4px 0 4px 2px}.submission-timeline-item{position:relative;display:flex;gap:13px;min-height:70px}.submission-timeline-item:not(:last-child):before{content:"";position:absolute;left:5px;top:18px;bottom:0;width:1px;background:var(--color-border)}.submission-timeline-marker{z-index:1;flex:0 0 auto;width:11px;height:11px;margin-top:5px;border:2px solid var(--color-surface-card);border-radius:50%;background:var(--color-border);box-shadow:0 0 0 1px var(--color-border)}.submission-timeline-marker.current{background:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent),0 0 0 5px var(--color-accent-mist)}.submission-timeline-content{min-width:0;padding-bottom:20px}.submission-timeline-heading{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;color:var(--color-text-primary);font-size:14px}.submission-timeline-heading span{color:var(--color-text-secondary);font-size:12px}.submission-timeline-time{display:block;margin-top:3px;color:var(--color-text-secondary);font-size:11px}.submission-timeline-note{max-width:560px;margin:8px 0 0;padding:9px 11px;border-left:3px solid var(--color-accent-dim);background:var(--color-accent-mist);color:var(--color-text-primary);font-size:13px;line-height:1.5}@media (max-width:639px){.app-copyright-footer{font-size:10px;padding-bottom:calc(10px + var(--safe-area-bottom))}input:not([type=file]),select,textarea{font-size:16px!important}}