:root{--c-ink:#141a24;--c-slate:#46505f;--c-muted:#717c8b;--c-bg:#f6f6f2;--c-card:#fff;--c-line:#e5e5dd;--c-line2:#efefe8;--c-soft:#fafaf6;--c-green:#0fa958;--c-emerald:#0c8c49;--c-mint:#eef8f1;--c-saffron:#f2a20c;--c-saffron-ink:#9a6800;--c-red:#dc2626;--c-mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--c-body:"Figtree", "Helvetica Neue", Helvetica, Arial, ui-sans-serif, system-ui, sans-serif}@media (prefers-color-scheme:dark){:root{--c-ink:#e9edf2;--c-slate:#b3bcc8;--c-muted:#8b94a2;--c-bg:#0f1319;--c-card:#171c24;--c-line:#2a313b;--c-line2:#222831;--c-soft:#1c222b;--c-mint:#16241c}}.cost-page{background:var(--c-bg);color:var(--c-ink);font-family:var(--c-body);min-height:100vh;margin:0}.cost-wrap{max-width:1120px;margin:0 auto;padding:22px 22px 80px}.cost-top{border-bottom:1px solid var(--c-line);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;padding-bottom:14px;display:flex}.cost-brand{letter-spacing:-.02em;color:var(--c-ink);font-size:1.15rem;font-weight:800;text-decoration:none}.cost-brand b{color:var(--c-green)}.cost-h1{letter-spacing:-.015em;margin:2px 0;font-size:1.35rem;font-weight:750}.cost-sub{color:var(--c-muted);margin:0;font-size:12.5px}.cost-back{color:var(--c-slate);font-size:12.5px;text-decoration:none}.cost-back:hover{color:var(--c-green)}.win{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.win .seg{border:1px solid var(--c-line);background:var(--c-card);border-radius:8px;display:inline-flex;overflow:hidden}.win .seg button{color:var(--c-slate);cursor:pointer;border:none;border-right:1px solid var(--c-line2);background:0 0;padding:6px 12px;font-family:inherit;font-size:12.5px}.win .seg button:last-child{border-right:none}.win .seg button.on{background:var(--c-mint);color:var(--c-emerald);font-weight:650}.win input[type=date],.win select{border:1px solid var(--c-line);background:var(--c-card);color:var(--c-ink);border-radius:7px;padding:5px 8px;font-family:inherit;font-size:12.5px}.cost-card{background:var(--c-card);border:1px solid var(--c-line);border-radius:12px;margin-bottom:16px;padding:16px 18px}.cost-card h2{letter-spacing:-.01em;margin:0 0 3px;font-size:1rem;font-weight:700}.cost-card .desc{color:var(--c-muted);margin:0 0 12px;font-size:12px}.kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.kpi{background:var(--c-card);border:1px solid var(--c-line);border-radius:12px;padding:13px 15px}.kpi .k{letter-spacing:.07em;text-transform:uppercase;color:var(--c-muted);font-size:10.5px;font-weight:700}.kpi .v{letter-spacing:-.02em;margin-top:4px;font-size:1.5rem;font-weight:750;line-height:1.1}.kpi .d{color:var(--c-muted);margin-top:3px;font-size:11.5px}.kpi .d.up{color:var(--c-emerald)}.kpi .d.down{color:var(--c-red)}.chips{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.chip-t{border:1px solid var(--c-line);background:var(--c-soft);color:var(--c-slate);cursor:pointer;border-radius:999px;padding:4px 11px;font-family:inherit;font-size:12px}.chip-t.on{background:var(--c-mint);color:var(--c-emerald);border-color:var(--c-green);font-weight:600}.legend{color:var(--c-slate);margin-top:8px;font-size:11.5px}.legend span.dot{font-size:13px}.fin-lock{border:1px dashed var(--c-line);color:var(--c-muted);background:var(--c-soft);border-radius:10px;padding:18px;font-size:12.5px}.fin-lock b{color:var(--c-slate);font-family:var(--c-mono)}.ctbl{border-collapse:collapse;width:100%;font-size:12.5px}.ctbl th,.ctbl td{text-align:left;border-bottom:1px solid var(--c-line2);padding:7px 10px}.ctbl th{text-transform:uppercase;letter-spacing:.05em;color:var(--c-muted);font-size:10.5px;font-weight:700}.ctbl td.num,.ctbl th.num{text-align:right;font-variant-numeric:tabular-nums}.ctbl tr.rowclick{cursor:pointer}.ctbl tr.rowclick:hover{background:var(--c-soft)}.ctbl tr.rowclick.on{background:var(--c-mint)}.badge{font-family:var(--c-mono);color:var(--c-saffron-ink);border:1px solid var(--c-saffron);background:#fdf6e6;border-radius:999px;margin-left:6px;padding:1px 9px;font-size:11px;font-weight:700;display:inline-block}@media (prefers-color-scheme:dark){.badge{background:#2a220f}}.banner{border:1px solid var(--c-line);background:var(--c-soft);color:var(--c-slate);border-radius:10px;margin-bottom:16px;padding:12px 15px;font-size:13px}.banner b{font-weight:700}.grid2{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=760px){.grid2{grid-template-columns:1fr}.cost-h1{font-size:1.2rem}}.scrollx{-webkit-overflow-scrolling:touch;overflow-x:auto}.echart{width:100%;height:280px}.echart.tall{height:320px}@media (width<=760px){.echart{height:240px}.echart.tall{height:260px}}.cost-nav{flex-wrap:wrap;gap:14px;margin:6px 0 0;display:flex}.cost-nav a{color:var(--c-slate);align-items:center;min-height:32px;padding:2px;font-size:12.5px;text-decoration:none;display:inline-flex}.cost-nav a:hover{color:var(--c-green)}@media (width<=760px){.win{width:100%}.win .seg{flex:auto}.win .seg button{flex:1 1 0;min-height:40px;padding:8px 10px}.win input[type=date],.win select{min-height:40px}.chip-t{align-items:center;min-height:40px;display:inline-flex}.cost-nav a{min-height:40px}}.muted{color:var(--c-muted)}.costfoot{color:var(--c-muted);text-align:center;margin-top:20px;font-size:11.5px}.costfoot code{font-family:var(--c-mono)}
