:root{--green-900: #0f3d23;--green-800: #14532d;--green-700: #1b5e20;--green-600: #2e7d32;--green-500: #43a047;--green-300: #a5d6a7;--green-100: #e8f5e9;--amber: #f59e0b;--sky: #0ea5e9;--rose: #e11d48;--violet: #7c3aed;--teal: #0d9488;--bg: #f4f7f4;--surface: #ffffff;--line: #e3e9e3;--text: #14211a;--muted: #5d6b62;--radius: 14px;--radius-sm: 10px;--shadow-sm: 0 1px 3px rgba(15, 61, 35, .08);--shadow: 0 8px 28px rgba(15, 61, 35, .12);--shadow-lg: 0 18px 50px rgba(15, 61, 35, .18);--font: "IBM Plex Sans Thai", "Sarabun", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.55}a{color:var(--green-700);text-decoration:none}h1,h2,h3,h4{margin:0 0 .4em;line-height:1.25;font-weight:700}.container{max-width:1120px;margin:0 auto;padding:0 20px}.stack{display:flex;flex-direction:column;gap:16px}.row{display:flex;gap:12px;align-items:center}.wrap{flex-wrap:wrap}.grow{flex:1}.muted{color:var(--muted)}.center{text-align:center}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:22px}.card-pad-lg{padding:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer;font-family:inherit;font-weight:600;font-size:15px;padding:11px 20px;border-radius:var(--radius-sm);transition:transform .06s ease,box-shadow .2s ease,background .2s ease;color:#fff;background:var(--green-700)}.btn:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.btn-lg{padding:14px 26px;font-size:17px}.btn-block{width:100%}.btn-amber{background:var(--amber)}.btn-sky{background:var(--sky)}.btn-rose{background:var(--rose)}.btn-violet{background:var(--violet)}.btn-teal{background:var(--teal)}.btn-ghost{background:transparent;color:var(--green-700);border:1.5px solid var(--green-300)}.btn-ghost:hover{background:var(--green-100)}.btn-soft{background:var(--green-100);color:var(--green-800)}.badge{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;padding:4px 11px;border-radius:999px;background:var(--green-100);color:var(--green-800)}.badge-amber{background:#fef3c7;color:#92400e}.badge-sky{background:#e0f2fe;color:#075985}.badge-rose{background:#ffe4e6;color:#9f1239}.badge-gray{background:#eef0ee;color:#586156}label.field{display:block;font-weight:600;font-size:14px;margin-bottom:6px}.input,select.input,textarea.input{width:100%;font-family:inherit;font-size:15px;padding:11px 13px;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:#fff;color:var(--text);outline:none;transition:border .15s ease}.input:focus{border-color:var(--green-500);box-shadow:0 0 0 3px var(--green-100)}.table{width:100%;border-collapse:collapse;font-size:14.5px}.table th,.table td{padding:11px 12px;text-align:left;border-bottom:1px solid var(--line)}.table th{background:var(--green-100);color:var(--green-800);font-weight:600;white-space:nowrap}.table tbody tr:hover{background:#fafdfa}.divider{height:1px;background:var(--line);margin:18px 0}.kpi{font-size:40px;font-weight:700;line-height:1}.skeleton{background:linear-gradient(90deg,#eef2ee,#f7faf7,#eef2ee);border-radius:8px;animation:sk 1.2s infinite}@keyframes sk{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}