:root{--bg:#07111f;--panel:#101c2b;--panel2:#152235;--line:#26364a;--text:#eaf1ff;--muted:#9fb0c7;--brand:#6d5dfc;--good:#22c55e;--warn:#f59e0b;--white:#fff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0%,#142849 0,#07111f 42%,#050b14 100%);font-family:Inter,Arial,"Noto Sans Thai",sans-serif;color:var(--text)}.wrap{max-width:1180px;margin:0 auto;padding:28px}.hero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.eyebrow{margin:0 0 8px;color:#9ec5ff;text-transform:uppercase;letter-spacing:.12em;font-weight:700;font-size:12px}.hero h1{font-size:34px;line-height:1.1;margin:0 0 10px}.sub{margin:0;color:var(--muted);max-width:760px}.badge{background:linear-gradient(135deg,#4f46e5,#8b5cf6);padding:10px 14px;border-radius:999px;font-weight:800;white-space:nowrap}.panel{background:rgba(16,28,43,.88);border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:0 18px 40px rgba(0,0,0,.25);margin-bottom:18px}.grid{display:grid;grid-template-columns:1.2fr 1fr .8fr auto;gap:14px;align-items:end}label span{display:block;color:var(--muted);font-size:13px;margin:0 0 8px}input,select,button{width:100%;border:1px solid #31445e;border-radius:14px;background:#0b1624;color:var(--text);padding:13px 14px;font-size:16px}button{cursor:pointer;background:linear-gradient(135deg,#4f46e5,#6d5dfc);border:none;font-weight:800}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.card{background:linear-gradient(180deg,#14243a,#0f1b2a);border:1px solid var(--line);border-radius:20px;padding:18px}.card span{display:block;color:var(--muted);font-size:13px;margin-bottom:8px}.card strong{font-size:28px}.card.accent{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.card.accent span{color:#dbe7ff}.note h2,.tableHead h2{margin:0 0 8px}.note p{margin:0;color:var(--muted)}.tableHead{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.tableHead button{width:auto;padding:10px 14px;background:#20324c}.tableWrap{overflow:auto;border-radius:16px;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;min-width:760px;background:#0d1827}th,td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}th:first-child,td:first-child{text-align:center}th{background:#243247;color:#fff;font-size:13px}.highlight td{background:#172d45}.final td{background:#132a23;color:#d9ffe7;font-weight:800}.negative{color:#fca5a5}@media(max-width:860px){.grid,.cards{grid-template-columns:1fr}.hero{display:block}.badge{display:inline-block;margin-top:12px}.wrap{padding:18px}.hero h1{font-size:27px}}