:root{--brand-orange:#f97316;--brand-navy:#172554;--brand-action:#c2410c;--brand-action-hover:#9a3412;--brand-soft:#ffedd5;--color-bg:#f3f4f6;--color-surface:#ffffff;--color-surface-muted:#f9fafb;--color-border:#e5e7eb;--color-border-strong:#cbd5e1;--color-text:#111827;--color-text-muted:#4b5563;--color-primary:var(--brand-action);--color-primary-hover:var(--brand-action-hover);--color-primary-contrast:#ffffff;--color-danger:#b91c1c;--color-success:#15803d;--color-warning:#b45309;--color-info:#1d4ed8;--color-focus:#ea580c;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:32px;--radius:8px;--radius-lg:12px;--shadow-sm:0 1px 2px rgba(17,24,39,0.06);--shadow-md:0 4px 16px rgba(17,24,39,0.12);--font-sans:var(--font-loaded),"Noto Sans Thai","Sarabun","Leelawadee UI",Tahoma,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--text-xs:0.8125rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.75rem;--header-h:64px;--sidebar-w:256px;--tap:44px}*{box-sizing:border-box}html{text-size-adjust:100%}body,html{margin:0;padding:0;background:var(--color-bg);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;-webkit-font-smoothing:antialiased}body,h1,h2,h3,html{color:var(--color-text)}h1,h2,h3{line-height:1.3}h1{font-size:var(--text-3xl);margin:0 0 var(--space-3)}h1,h2{font-weight:700}h2{font-size:var(--text-xl);margin:var(--space-4) 0 var(--space-2)}h3{font-size:var(--text-lg);font-weight:600;margin:var(--space-3) 0 var(--space-2)}.card>h2:first-child,.card>h3:first-child{margin-top:0}p{margin:0 0 var(--space-2)}small{font-size:var(--text-sm)}hr{border:0;border-top:1px solid var(--color-border)}a{color:var(--color-primary);text-underline-offset:2px}a:hover{color:var(--color-primary-hover)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px;border-radius:4px}button,input,select,textarea{font-family:inherit}input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:var(--text-base);line-height:1.4;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius);padding:9px 12px;min-height:42px;max-width:100%}textarea{line-height:1.5}input::placeholder,textarea::placeholder{color:#6b7280}input:disabled,select:disabled,textarea:disabled{background:var(--color-surface-muted);color:var(--color-text-muted);cursor:not-allowed}input[type=checkbox],input[type=radio]{width:18px;height:18px;accent-color:var(--color-primary)}label{font-size:var(--text-sm);font-weight:600;color:var(--color-text)}label>input:not([type=checkbox]):not([type=radio]),label>select,label>textarea{display:block;margin-top:var(--space-1);font-weight:400}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:42px;padding:8px var(--space-3);border-radius:var(--radius);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);cursor:pointer;font-size:var(--text-base);font-weight:600;line-height:1.3;text-decoration:none;box-shadow:var(--shadow-sm);transition:background-color .12s,border-color .12s}.btn:hover:not(:disabled){background:var(--color-surface-muted);border-color:#94a3b8;color:var(--color-text)}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btn-primary{background:var(--color-primary);color:var(--color-primary-contrast);border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:var(--color-primary-contrast)}.btn-ghost{background:transparent;border-color:transparent;box-shadow:none}.btn-icon{width:var(--tap);min-height:var(--tap);padding:0}.icon{width:20px;height:20px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm)}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:var(--text-xs);font-weight:600;line-height:1.5;background:var(--brand-soft);color:var(--brand-action-hover);white-space:nowrap}.state-empty,.state-error,.state-loading{padding:var(--space-4);color:var(--color-text-muted);text-align:center}.state-error{color:var(--color-danger);font-weight:500}.app-main table{width:100%;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:0 0 0 1px var(--color-border);font-size:var(--text-sm);line-height:1.5}.app-main th{background:var(--color-surface-muted);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:700;letter-spacing:.02em;vertical-align:bottom}.app-main td,.app-main th{padding:12px var(--space-3)!important;text-align:left;vertical-align:top}.app-main tbody tr:hover{background:#fffaf5}.app-shell{min-height:100vh;min-height:100dvh}.app-header{position:-webkit-sticky;position:sticky;top:0;z-index:40;height:var(--header-h);gap:var(--space-3);padding:0 var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:inset 0 3px 0 var(--brand-orange)}.app-brand,.app-header{display:flex;align-items:center}.app-brand{gap:12px;min-width:0;flex:1 1;color:var(--color-text);text-decoration:none}.app-brand img{border-radius:10px;flex:none}.app-brand-name{display:block;font-weight:700;font-size:var(--text-base);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-brand-sub{display:block;font-size:var(--text-xs);color:var(--color-text-muted)}.app-user{display:flex;align-items:center;gap:12px}.app-user-meta{display:flex;flex-direction:column;align-items:flex-end;line-height:1.25;font-size:var(--text-sm);font-weight:600}.app-avatar{width:36px;height:36px;border-radius:50%;background:var(--brand-navy);color:#fff;display:grid;place-items:center;font-weight:700;font-size:var(--text-sm);flex:none}.app-body{display:flex;align-items:flex-start}.app-menu-btn{display:none}.app-sidebar{width:var(--sidebar-w);flex:none;position:-webkit-sticky;position:sticky;top:var(--header-h);height:calc(100vh - var(--header-h));height:calc(100dvh - var(--header-h));overflow-y:auto;background:var(--brand-navy);color:#e2e8f0;padding:var(--space-3) var(--space-2) var(--space-4)}.nav-group{margin:var(--space-3) var(--space-2) var(--space-1);font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#93a4c8}.nav-group:first-child{margin-top:0}.nav-link{display:flex;align-items:center;gap:12px;min-height:var(--tap);padding:8px 12px;margin-bottom:2px;border-radius:var(--radius);color:#e2e8f0;text-decoration:none;font-size:var(--text-base);font-weight:500;border-left:3px solid transparent}.nav-link:hover{background:rgba(255,255,255,.08);color:#fff}.nav-link[aria-current=page]{background:rgba(249,115,22,.18);border-left-color:var(--brand-orange);color:#fff;font-weight:700}.app-sidebar :focus-visible{outline-color:#fdba74}.app-main{flex:1 1;min-width:0;padding:var(--space-4)}.page{max-width:1200px;margin:0 auto}.app-scrim,.drawer-head{display:none}.hide-sm{display:inline}.app-banner{position:-webkit-sticky;position:sticky;top:var(--header-h);z-index:30;padding:8px var(--space-3);background:#fef3c7;color:#78350f;border-bottom:1px solid #fcd34d;font-size:var(--text-sm);font-weight:600;text-align:center}.login-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;gap:var(--space-4);padding:var(--space-4) var(--space-3)}.login-card{width:100%;max-width:400px}@media (max-width:960px){.app-menu-btn{display:inline-flex}.app-sidebar{position:fixed;z-index:60;top:0;left:0;height:100vh;height:100dvh;width:min(86vw,320px);padding-top:var(--space-3);transform:translateX(-102%);visibility:hidden;transition:transform .22s ease,visibility 0s linear .22s;box-shadow:var(--shadow-md)}.app-sidebar[data-open=true]{transform:none;visibility:visible;transition:transform .22s ease}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:0 var(--space-2) var(--space-3);margin-bottom:var(--space-2);border-bottom:1px solid rgba(255,255,255,.14);color:#fff;font-weight:700}.drawer-head .btn{color:#fff}.app-scrim{display:block;position:fixed;inset:0;z-index:55;background:rgba(15,23,42,.5)}.app-main{padding:var(--space-3)}}@media (max-width:640px){:root{--header-h:60px}h1{font-size:var(--text-2xl)}.app-header{padding:0 var(--space-3);gap:var(--space-2)}.app-avatar,.app-brand-sub,.app-user-meta,.hide-sm{display:none}.page [style*="display: flex"]{flex-wrap:wrap}.page input,.page select{min-width:0}.card{padding:var(--space-3)}.btn,input:not([type=checkbox]):not([type=radio]),select,textarea{min-height:var(--tap)}.btn{padding-left:18px;padding-right:18px}.app-main table.stack,.app-main table.stack tbody,.app-main table.stack td,.app-main table.stack tr{display:block;width:100%}.app-main table.stack{background:transparent;box-shadow:none}.app-main table.stack thead{position:absolute;left:-9999px}.app-main table.stack tr{background:var(--color-surface);border:1px solid var(--color-border)!important;border-radius:var(--radius-lg);margin-bottom:var(--space-2);padding:var(--space-1) 0;box-shadow:var(--shadow-sm)}.app-main table.stack td{display:flex;justify-content:space-between;gap:var(--space-3);padding:8px var(--space-3)!important;text-align:right;word-break:break-word}.app-main table.stack td:has(button,input,select,textarea){flex-direction:column;align-items:stretch;gap:var(--space-1);text-align:left}.app-main table.stack td>*{min-width:0;max-width:100%}.app-main table.stack td:before{content:attr(data-label);flex:0 0 34%;text-align:left;font-weight:600;font-size:var(--text-xs);color:var(--color-text-muted)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/f196b1e65fee88ed-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,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(/_next/static/media/61a7a85bb72f3355-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,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(/_next/static/media/cc95fdb254242a42-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,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(/_next/static/media/f196b1e65fee88ed-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,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(/_next/static/media/61a7a85bb72f3355-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,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(/_next/static/media/cc95fdb254242a42-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,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:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/f196b1e65fee88ed-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/61a7a85bb72f3355-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/cc95fdb254242a42-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,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:700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/f196b1e65fee88ed-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/61a7a85bb72f3355-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/cc95fdb254242a42-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,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.00%;size-adjust:106.33%}.__className_e927d6{font-family:Noto Sans Thai,Noto Sans Thai Fallback;font-style:normal}.__variable_e927d6{--font-loaded:"Noto Sans Thai","Noto Sans Thai Fallback"}