:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-green-50:#f2f8f4;--color-green-100:#e4f1e8;--color-green-200:#c9e3d1;--color-green-300:#a4cfb2;--color-green-400:#77b990;--color-green-500:#469b68;--color-green-600:#287d50;--color-green-700:#176640;--color-green-800:#145235;--color-green-900:#103e2a;--color-green-950:#092c1d;--color-primary:#176640;--color-primary-hover:#145235;--color-primary-active:#103e2a;--color-primary-light:#f2f8f4;--color-primary-subtle:#e4f1e8;--color-primary-border:#c9e3d1;--color-primary-contrast:#fff;--color-white:#fff;--color-slate-50:#f8faf8;--color-slate-100:#f0f5f1;--color-slate-200:#dee9e0;--color-slate-300:#c5d5c9;--color-slate-400:#869a8b;--color-slate-500:#5e7464;--color-slate-600:#465c4b;--color-slate-700:#344a3a;--color-slate-800:#203729;--color-slate-900:#142a1c;--color-slate-950:#0c1e13;--color-success:#237b4d;--color-success-light:#edf8f0;--color-success-border:#b8dfc3;--color-success-text:#155936;--color-danger:#dc2626;--color-danger-light:#fef2f2;--color-danger-border:#fecaca;--color-danger-text:#991b1b;--color-warning:#d97706;--color-warning-light:#fffbeb;--color-warning-border:#fde68a;--color-warning-text:#92400e;--color-info:#287d67;--color-info-light:#e5f2ee;--color-info-border:#b9dcd0;--color-info-text:#1e6653;--font-sans:"Sarabun", "Prompt", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans Thai", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.625;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-xs:0 1px 2px 0 #1337200d;--shadow-sm:0 1px 3px 0 #13372012, 0 1px 2px -1px #1337200f;--shadow-md:0 4px 8px -2px #13372017, 0 2px 4px -2px #1337200d;--shadow-lg:0 12px 20px -5px #1337201a, 0 4px 8px -4px #1337200d;--shadow-xl:0 24px 36px -10px #13372024, 0 8px 14px -7px #13372012;--shadow-brand:0 10px 25px -5px #17664038;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.2s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.3s cubic-bezier(.16, 1, .3, 1);--z-base:1;--z-sticky:10;--z-header:20;--z-drawer:30;--z-backdrop:40;--z-modal:50;--z-popover:60;--z-toast:70;--z-tooltip:80;--sidebar-width:260px;--sidebar-collapsed-width:72px;--header-height:64px;--min-touch-target:44px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);font-size:16px;line-height:var(--line-height-normal);color:var(--color-slate-900);background-color:var(--color-slate-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{background-color:var(--color-slate-50);flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}::selection{background-color:var(--color-green-200);color:var(--color-green-950)}.app-content-wrapper{background:linear-gradient(180deg, #f3f9f4 0, var(--color-slate-50) 280px)}.custom-table-row:hover{background-color:var(--color-green-50)}.custom-table-row:focus-visible{outline:2px solid var(--color-green-600);outline-offset:-2px;background-color:var(--color-green-50)}.custom-card.cursor-pointer:hover{transform:translateY(-2px);border-color:var(--color-green-200)!important;box-shadow:var(--shadow-md)!important}.app-nav-item:hover:not([data-active=true]){background-color:var(--color-green-50)!important;color:var(--color-green-800)!important}.custom-btn:hover:not(:disabled),.custom-icon-btn:hover:not(:disabled){filter:brightness(.96);transform:translateY(-1px)}.custom-btn:active:not(:disabled),.custom-icon-btn:active:not(:disabled){transform:translateY(0)}.custom-btn:focus-visible,.custom-icon-btn:focus-visible{outline-offset:2px;outline:2px solid var(--color-green-600)!important}.input-control:focus-within:not([data-invalid=true]),.custom-textarea:focus:not([aria-invalid=true]),.custom-select:focus:not([aria-invalid=true]){border-color:var(--color-green-600)!important;outline:none!important;box-shadow:0 0 0 3px #287d5024!important}.input-control[data-invalid=true]:focus-within,.custom-textarea[aria-invalid=true]:focus,.custom-select[aria-invalid=true]:focus{border-color:var(--color-danger)!important;outline:none!important;box-shadow:0 0 0 3px #dc26261f!important}.custom-input:focus-visible{outline:none!important}@media (prefers-reduced-motion:reduce){.custom-btn,.custom-icon-btn,.custom-card,.custom-table-row{transition:none!important}}.font-tabular,td.text-right,.stat-value{font-variant-numeric:tabular-nums;letter-spacing:-.01em}h1,h2,h3,h4,h5,h6{color:var(--color-slate-900);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}p{color:var(--color-slate-700)}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-hover)}button,input,select,textarea{font-family:inherit;font-size:inherit}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.container{width:100%;max-width:1400px;padding-left:var(--spacing-4);padding-right:var(--spacing-4);margin-left:auto;margin-right:auto}@media (min-width:768px){.container{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-slate-100)}::-webkit-scrollbar-thumb{background:var(--color-slate-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-slate-400)}@media print{body{color:#000!important;background:#fff!important}.no-print,.app-sidebar,.app-header,.mobile-nav-toggle,.btn,.toast-container{display:none!important}.app-main{width:100%!important;margin-left:0!important;padding:0!important}.print-only{display:block!important}.card{break-inside:avoid;box-shadow:none!important;border:1px solid #e2e8f0!important}table{border-collapse:collapse!important;width:100%!important}th,td{border:1px solid #cbd5e1!important;padding:6px 8px!important;font-size:11pt!important}}