:root{--primary: #2D6FA3;--accent: #2AB6A6;--amber: #FFB84D;--red: #E85C4A;--bg: #EAF6FF;--border: #CFE7F7;--muted: #6B8CAE;--faint: #8FA9C2;--rowline: #E8F4FC;--softblue:#DCEEFB}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Sarabun,sans-serif;-webkit-font-smoothing:antialiased;color:#17324e}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#bee3f8;border-radius:14px}a{color:var(--accent)}a:hover{color:#17847a}input,select,button{font-family:inherit}.card{background:#fff;border:1px solid var(--border);border-radius:20px;padding:16px}.card h3{font-size:14px;color:var(--muted);font-weight:600;margin:0 0 10px}.hint{font-size:12.5px;color:var(--muted);margin-top:6px}.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl th{text-align:left;color:var(--muted);font-size:12px;font-weight:600;padding:6px;border-bottom:2px solid var(--softblue)}.tbl th.r{text-align:right}.tbl th.c{text-align:center}.tbl td{padding:8px 6px;border-bottom:1px solid var(--rowline)}.tbl tr:last-child td{border-bottom:0}.r{text-align:right}.c{text-align:center}.tag{padding:2px 10px;border-radius:99px;font-size:11.5px;font-weight:600;white-space:nowrap}.tag-red{background:#fde6e1;color:var(--red)}.tag-amb{background:#ffefd9;color:#b36b00}.tag-grn{background:#dff7f3;color:var(--accent)}.tag-blu{background:#e3f1fb;color:var(--primary)}.btn-primary{padding:10px 18px;border:0;border-radius:16px;background:var(--primary);color:#fff;font-weight:600;cursor:pointer;font-size:14px}.btn-soft{padding:10px 16px;border:1px solid var(--border);background:var(--bg);border-radius:15px;cursor:pointer;font-size:13.5px;color:var(--muted)}.inp{padding:8px;border:1px solid var(--border);border-radius:14px;font-size:14px}.inp:focus{outline:2px solid #BEE3F8}.kpi{padding:16px;border-radius:20px;color:#fff}.kpi .l{font-size:12.5px;opacity:.8}.kpi .v{font-size:26px;font-weight:700}.bars{height:90px;display:flex;align-items:flex-end;gap:3px}.bars i{flex:1;background:#bee3f8;border-radius:3px 3px 0 0;transform-origin:bottom;animation:barUp .55s cubic-bezier(.2,.7,.3,1) both}.bars i.hi{background:var(--accent)}@keyframes barUp{0%{transform:scaleY(.04);opacity:.35}to{transform:scaleY(1);opacity:1}}.page-wrap{max-width:1280px;margin:0 auto;padding:20px}.grid2{display:grid;gap:14px;grid-template-columns:1fr 1fr}.grid4{display:grid;gap:14px;grid-template-columns:repeat(4,1fr)}.pos-grid{display:grid;gap:16px;grid-template-columns:1.5fr 1fr}.hot-grid{display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.rpt-grid{display:grid;gap:8px;grid-template-columns:repeat(5,1fr)}@media (max-width: 959px){.grid2,.pos-grid{grid-template-columns:1fr}.grid4{grid-template-columns:repeat(2,1fr)}.hot-grid{grid-template-columns:repeat(3,1fr)}.rpt-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 639px){.page-wrap{padding:12px}.grid4{grid-template-columns:1fr 1fr}.hot-grid{grid-template-columns:repeat(2,1fr)}.rpt-grid{grid-template-columns:1fr}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}