:root{--bg: #f4f6f9;--surface: #ffffff;--surface-2: #f9fafb;--text: #14181f;--muted: #616b78;--border: #e4e8ee;--primary: #2563eb;--primary-weak: #eaf1ff;--pos: #0f9d58;--neg: #d93636;--warn-bg: #fff7e6;--warn-border: #f0c36d;--warn-text: #8a5a00;--radius: 12px;--radius-sm: 8px;--shadow: 0 1px 2px rgba(20, 24, 31, .06), 0 2px 8px rgba(20, 24, 31, .04);--sp: 16px;--font: "IBM Plex Sans Thai", "Noto Sans Thai", system-ui, -apple-system, "Segoe UI", sans-serif}@media(prefers-color-scheme:dark){:root{--bg: #0f1216;--surface: #171b21;--surface-2: #1c2129;--text: #eef1f5;--muted: #98a2b0;--border: #2a313b;--primary: #5b8cff;--primary-weak: #1b2740;--warn-bg: #2c2410;--warn-border: #6b5416;--warn-text: #e8c877}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.5;min-width:320px;-webkit-font-smoothing:antialiased}.layout{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}@media(max-width:800px){.layout{grid-template-columns:minmax(0,1fr)}}.sidebar{background:var(--surface);border-right:1px solid var(--border);padding:var(--sp);position:sticky;top:0;height:100vh;overflow-y:auto}@media(max-width:800px){.sidebar{position:static;height:auto;border-right:none;border-bottom:1px solid var(--border)}}.brand{font-weight:700;font-size:1.05rem;margin-bottom:2px}.brand small{display:block;color:var(--muted);font-weight:400;font-size:.75rem}.nav-group{margin-top:18px}.nav-group h4{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 6px 4px}.nav-item{display:block;padding:8px 10px;border-radius:var(--radius-sm);color:var(--text);text-decoration:none;font-size:.9rem;cursor:pointer}.nav-item:hover{background:var(--surface-2)}.nav-item.active{background:var(--primary-weak);color:var(--primary);font-weight:600}.main{padding:calc(var(--sp) * 1.5);max-width:1200px;min-width:0}.topbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:var(--sp)}.topbar h1{font-size:1.4rem;margin:0}.filters{display:flex;gap:8px;flex-wrap:wrap}.pill{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:6px 14px;font-size:.85rem;cursor:pointer;color:var(--text)}.pill.active{background:var(--primary);border-color:var(--primary);color:#fff}.banner{display:flex;gap:10px;align-items:flex-start;background:var(--warn-bg);border:1px solid var(--warn-border);color:var(--warn-text);border-radius:var(--radius);padding:12px 14px;margin-bottom:var(--sp);font-size:.9rem}.kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:var(--sp)}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow)}.kpi .label{color:var(--muted);font-size:.8rem}.kpi .value{font-size:1.4rem;font-weight:700;margin-top:2px;font-variant-numeric:tabular-nums}.kpi .delta{font-size:.78rem;margin-top:4px}.delta.up{color:var(--pos)}.delta.down{color:var(--neg)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp);box-shadow:var(--shadow);margin-bottom:var(--sp)}.card h3{margin:0 0 12px;font-size:1rem}.chart{width:100%;height:160px;display:block}.bar{fill:var(--primary)}.bar.neg{fill:var(--neg)}.pnl-table{width:100%;border-collapse:collapse;font-size:.9rem}.pnl-table td{padding:7px 10px;border-bottom:1px solid var(--border)}.pnl-table td.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.pnl-table tr.header td{color:var(--muted);font-weight:600;background:var(--surface-2)}.pnl-table tr.total td{font-weight:700}.pnl-table tr.pct td{color:var(--muted);font-size:.82rem}.pnl-table tr.emph td{font-weight:700;border-top:2px solid var(--border)}.neg-num{color:var(--neg)}.table-scroll{overflow-x:auto}.foot-note{color:var(--muted);font-size:.8rem;margin-top:10px}.drawer{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp);box-shadow:var(--shadow);margin-bottom:var(--sp)}.drawer-head{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-bottom:10px;flex-wrap:wrap}tr.drill{cursor:pointer}tr.drill:hover td{background:var(--primary-weak)}.form{display:flex;flex-direction:column;gap:12px}.form label{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:var(--muted)}.form input,.form select{padding:9px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);font:inherit}.form input:focus,.form select:focus{outline:2px solid var(--primary);outline-offset:1px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:480px){.grid2{grid-template-columns:1fr}}.btn{align-self:flex-start;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);padding:10px 20px;font:inherit;font-weight:600;cursor:pointer}.btn:hover{filter:brightness(1.05)}a{color:var(--primary)}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}.page-head h1{margin:0;font-size:1.5rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:16px;box-shadow:var(--shadow)}.grid-form{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.grid-form label{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:var(--muted)}.grid-form label.check{flex-direction:row;align-items:center;gap:8px}.grid-form input,.grid-form select{padding:9px 11px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font:inherit}.form-actions{grid-column:1/-1;display:flex;align-items:center;gap:14px;margin-top:6px}.form-actions button{background:var(--primary);color:#fff;border:0;border-radius:var(--radius-sm);padding:10px 22px;font:inherit;cursor:pointer}.form-actions button:hover{filter:brightness(1.05)}table.data{width:100%;border-collapse:collapse;font-size:.9rem}table.data th,table.data td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--border);white-space:nowrap}table.data th{color:var(--muted);font-weight:600;font-size:.8rem}.pill.warn{background:var(--warn-bg);color:var(--warn-text);border:1px solid var(--warn-border)}.btn-link{color:var(--primary);text-decoration:none;font-weight:600;font-size:.9rem}.btn-link:hover{text-decoration:underline}button.mini{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:4px 10px;font-size:.8rem;cursor:pointer}button.mini:hover{border-color:var(--primary);color:var(--primary)}.error{color:var(--neg)}.muted{color:var(--muted)}.warn-text{color:var(--warn-text)}.value-warn{color:var(--neg)}.num{font-variant-numeric:tabular-nums}table.data tr.row-danger td{background:color-mix(in srgb,var(--neg) 8%,transparent)}table.data tr.row-warn td{background:var(--warn-bg)}.pill.danger{background:color-mix(in srgb,var(--neg) 12%,transparent);color:var(--neg);border:1px solid var(--neg)}.banner-danger{background:color-mix(in srgb,var(--neg) 8%,transparent);border-color:var(--neg);color:var(--neg)}.pager{display:flex;align-items:center;gap:12px;margin-top:12px;flex-wrap:wrap}.pager button[disabled]{opacity:.45;cursor:default}.drawer-body{padding:12px 16px 18px}.drawer-body h4{margin:18px 0 8px;font-size:.95rem}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.hist-item{border-top:1px solid var(--border);padding:12px 0}.hist-item:first-child{border-top:0}.hist-head{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;margin-bottom:6px;font-size:.9rem}.card h4{margin:16px 0 8px}@media(max-width:640px){.grid-form{grid-template-columns:1fr}.form-actions{flex-wrap:wrap}.main{padding:var(--sp)}.page-head h1{font-size:1.25rem}}.table-scroll{min-width:0;max-width:100%}[hidden]{display:none!important}@media(max-width:800px){.sidebar{padding:10px var(--sp)}.sidebar nav{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.sidebar .nav-group{margin-top:0;display:flex;gap:6px;align-items:center;flex:0 0 auto}.sidebar .nav-group h4{margin:0 2px 0 8px;white-space:nowrap}.sidebar .nav-item{white-space:nowrap;padding:6px 10px;font-size:.85rem}}.filter-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;margin-bottom:16px;box-shadow:var(--shadow)}.filter-bar label{display:flex;flex-direction:column;gap:4px;font-size:.78rem;color:var(--muted)}.filter-bar input,.filter-bar select{padding:7px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font:inherit;font-size:.85rem}.filter-bar .preset-row{display:flex;gap:6px;flex-wrap:wrap;width:100%}.filter-bar button.preset{cursor:pointer;border:1px solid var(--border);background:var(--surface-2)}.filter-bar button.preset:hover{border-color:var(--primary);color:var(--primary)}.filter-bar button[type=submit]{cursor:pointer;border:0;padding:8px 18px}.biz-select{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font:inherit;font-size:.85rem}.grid2-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.mix{display:flex;flex-direction:column;gap:10px}.mix-row{display:grid;grid-template-columns:minmax(120px,1fr) 2fr minmax(140px,auto);align-items:center;gap:10px;font-size:.85rem}.mix-track{background:var(--surface-2);border-radius:999px;height:10px;overflow:hidden}.mix-fill{background:var(--primary);height:100%;border-radius:999px}.mix-value{text-align:right;font-variant-numeric:tabular-nums}@media(max-width:560px){.mix-row{grid-template-columns:1fr;gap:2px}.mix-value{text-align:left}}