:root{--bg:#0a0a0f;--panel:#101017;--panel-2:#16161f;--ink:#f2f1f5;--muted:#a6a6b4;--line:#ffffff1a;--lime:#b8ff3d;--mint:#35d6c6;--gold:#ffd98a;--red:#ff6b6b;--radius:14px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);margin:0;padding:0;font-family:Noto Sans Thai,Sarabun,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.6}a{color:var(--lime);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1040px;margin:0 auto;padding:24px 16px 80px}.nav{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:24px;padding:12px 0;display:flex}.nav .brand{margin-right:16px;font-size:18px;font-weight:800}.nav a{color:var(--muted);border-radius:10px;padding:8px 12px;font-size:15px;font-weight:600}.nav a:hover{background:var(--panel-2);color:var(--ink);text-decoration:none}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:16px;padding:18px}.card h2{margin:0 0 12px;font-size:18px}h1{margin:0 0 6px;font-size:24px}.sub{color:var(--muted);margin:0 0 20px;font-size:15px}table{border-collapse:collapse;width:100%;font-size:15px}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:10px 8px}th{color:var(--muted);text-transform:none;font-size:13px;font-weight:600}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.scroll{overflow-x:auto}input,select,textarea{background:var(--panel-2);border:1px solid var(--line);color:var(--ink);font:inherit;border-radius:10px;width:100%;padding:9px 11px}input:focus,select:focus,textarea:focus{outline:2px solid var(--lime);outline-offset:1px}label{color:var(--muted);margin-bottom:4px;font-size:13px;display:block}.field{margin-bottom:12px}.row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}button,.btn{background:var(--lime);color:#0a0a0f;font:inherit;cursor:pointer;border:0;border-radius:10px;padding:10px 16px;font-weight:800}button:hover,.btn:hover{filter:brightness(1.08);text-decoration:none}button.ghost,.btn.ghost{color:var(--ink);border:1px solid var(--line);background:0 0}.pill{border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700;display:inline-block}.pill.ok{color:var(--mint);background:#35d6c626}.pill.warn{color:var(--gold);background:#ffd98a26}.pill.bad{color:var(--red);background:#ff6b6b26}.note{color:var(--muted);font-size:13px}.legal{border-left:3px solid var(--gold);background:#ffd98a0f;border-radius:0 8px 8px 0;margin:12px 0;padding:8px 12px;font-size:14px}.empty{color:var(--muted);text-align:center;padding:24px 8px}.kpi{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.kpi .card{margin:0}.kpi .big{font-variant-numeric:tabular-nums;font-size:28px;font-weight:800}@media print{.nav,.no-print{display:none!important}html,body{color:#000;background:#fff}.card{background:#fff;border-color:#ccc}a{color:#000}}.demo-bar{border:1px solid var(--gold,#b98900);background:color-mix(in srgb, var(--gold,#b98900) 9%, transparent);border-radius:10px;margin:0 0 20px;padding:11px 15px;font-size:13.5px;line-height:1.7}