:root{--navy: #0d0720;--panel: #171028;--panel2: #1f1635;--border: #2d2347;--purple: #6200ff;--purple-soft: #8b5cf6;--magenta: #ff1fa8;--cyan: #36d6c3;--amber: #f6c945;--red: #ff5470;--text: #efeaff;--muted: #9b91b8;--mono: "Consolas", "SF Mono", monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--navy);color:var(--text);font-family:Montserrat,Noto Sans Thai,sans-serif;font-size:14px}.app{display:flex;flex-direction:column;min-height:100%}.topbar{display:flex;align-items:center;gap:18px;padding:14px 26px;border-bottom:1px solid var(--border);background:linear-gradient(90deg,#150d2b,#0d0720 60%);position:sticky;top:0;z-index:10}.brand{font-weight:800;font-size:17px;letter-spacing:.4px}.brand .dot{color:var(--magenta)}.brand small{display:block;font-weight:600;font-size:10.5px;color:var(--muted);letter-spacing:1.4px;text-transform:uppercase}.tabs{display:flex;gap:4px;margin-left:24px;flex-wrap:wrap}.tab{border:0;background:transparent;color:var(--muted);font:600 13px Montserrat,sans-serif;padding:8px 14px;border-radius:8px;cursor:pointer}.tab:hover{color:var(--text);background:var(--panel2)}.tab.active{color:#fff;background:var(--purple)}.topbar .meta{margin-left:auto;text-align:right;color:var(--muted);font-size:11.5px;line-height:1.5}.topbar .meta b{color:var(--cyan);font-weight:600}.page{padding:24px 26px 60px;max-width:1480px;margin:0 auto;width:100%}.grid-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:14px;margin-bottom:22px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media(max-width:1100px){.grid-2{grid-template-columns:1fr}}.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:18px 20px}.card h3{margin:0 0 14px;font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted)}.card.chart{margin-bottom:18px}.kpi .label{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.kpi .value{font-size:26px;font-weight:800;margin:6px 0 2px;font-variant-numeric:tabular-nums}.kpi .sub{font-size:11.5px;color:var(--muted)}.kpi .sub b.up{color:var(--cyan)}.kpi .sub b.down{color:var(--red)}table.fin{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}table.fin th,table.fin td{padding:7px 10px;text-align:right;white-space:nowrap}table.fin th:first-child,table.fin td:first-child{text-align:left;white-space:normal}table.fin thead th{font-size:11px;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border);position:sticky;top:63px;background:var(--panel)}table.fin tbody tr{border-bottom:1px solid #201839}table.fin tr.section td{background:var(--panel2);font-weight:800;font-size:11.5px;letter-spacing:1px;text-transform:uppercase;color:var(--purple-soft);padding-top:12px}table.fin tr.subtotal td{font-weight:700;border-top:1px solid var(--border)}table.fin tr.result td{font-weight:800;background:#6200ff24;font-size:14.5px}table.fin tr.margin td{color:var(--muted);font-style:italic;font-size:12px}table.fin td.neg{color:var(--red)}table.fin td.indent{padding-left:26px}.statuschip{display:inline-block;padding:1px 8px;border-radius:20px;font-size:10.5px;font-weight:700}.statuschip.tie{background:#36d6c326;color:var(--cyan)}.statuschip.close{background:#f6c94526;color:var(--amber)}.statuschip.off{background:#ff547026;color:var(--red)}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(700px 400px at 80% -10%,rgba(98,0,255,.35),transparent),radial-gradient(500px 320px at 10% 110%,rgba(255,31,168,.18),transparent),var(--navy)}.login .box{width:380px;background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:34px}.login h1{font-size:21px;font-weight:800;margin:0 0 4px}.login p{color:var(--muted);font-size:13px;margin:0 0 22px}.login input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--border);background:var(--navy);color:var(--text);font:600 14px var(--mono);letter-spacing:1px}.login button{width:100%;margin-top:14px;padding:12px;border:0;border-radius:10px;background:linear-gradient(90deg,var(--purple),var(--magenta));color:#fff;font:700 14px Montserrat,sans-serif;cursor:pointer}.login .err{color:var(--red);font-size:12.5px;margin-top:12px}.loading{display:flex;align-items:center;justify-content:center;min-height:60vh;color:var(--muted);gap:12px;font-weight:600}.spinner{width:22px;height:22px;border:3px solid var(--border);border-top-color:var(--purple-soft);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.note{color:var(--muted);font-size:12px;margin:6px 2px 16px}.pill-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.pill{background:var(--panel2);border:1px solid var(--border);color:var(--muted);border-radius:20px;padding:4px 12px;font-size:11.5px;font-weight:600}.pill b{color:var(--text)}