:root{color-scheme:light;--page: #f9f9f7;--surface: #fcfcfb;--ink: #0b0b0b;--ink-2: #52514e;--muted: #898781;--grid: #e1e0d9;--baseline: #c3c2b7;--border: rgba(11, 11, 11, .1);--series-spend: #2a78d6;--series-comm: #1baf7a;--good-text: #006300;--bad-text: #d03b3b;--good-bg: rgba(12, 163, 12, .08);--bad-bg: rgba(208, 59, 59, .08);--accent: #2a78d6}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--page);color:var(--ink);font-size:14px}.topbar{display:flex;align-items:center;gap:24px;padding:0 24px;height:52px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.topbar .brand{font-weight:700;font-size:15px}.topbar nav{display:flex;gap:4px}.topbar nav a{color:var(--ink-2);text-decoration:none;padding:6px 12px;border-radius:6px}.topbar nav a:hover{background:var(--page)}.topbar nav a.active{background:var(--page);color:var(--ink);font-weight:600}.container{max-width:1200px;margin:0 auto;padding:20px 24px 60px}h1{font-size:20px;margin:8px 0 16px}h2{font-size:15px;margin:24px 0 10px;color:var(--ink-2)}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 16px}.stat .label{color:var(--muted);font-size:12px;margin-bottom:6px}.stat .value{font-size:24px;font-weight:700}.stat .sub{color:var(--ink-2);font-size:12px;margin-top:4px}.pos{color:var(--good-text)}.neg{color:var(--bad-text)}.daterange{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:16px}.daterange button{border:1px solid var(--border);background:var(--surface);padding:6px 12px;border-radius:6px;cursor:pointer;color:var(--ink-2);font:inherit}.daterange button:hover{background:var(--page)}.daterange button.on{background:var(--ink);color:#fff;border-color:var(--ink);font-weight:600}.daterange a.btn{text-decoration:none;color:var(--ink-2)}.daterange a.btn.tab-on{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.daterange input[type=date]{border:1px solid var(--border);border-radius:6px;padding:5px 8px;font:inherit;background:var(--surface);color:var(--ink)}table{width:100%;border-collapse:collapse;background:var(--surface)}.table-wrap{border:1px solid var(--border);border-radius:10px;overflow:auto}th,td{padding:9px 12px;text-align:right;border-bottom:1px solid var(--grid);white-space:nowrap}th:first-child,td:first-child{text-align:left}th{color:var(--muted);font-weight:600;font-size:12px;-webkit-user-select:none;user-select:none;position:sticky;top:0;background:var(--surface)}th.sortable{cursor:pointer}th.sortable:hover{color:var(--ink)}tbody tr:hover{background:var(--page)}tbody tr:last-child td{border-bottom:none}td.num{font-variant-numeric:tabular-nums}tr.row-pos td:first-child{box-shadow:inset 3px 0 0 var(--good-text)}tr.row-neg td:first-child{box-shadow:inset 3px 0 0 var(--bad-text)}tr.row-pos{background:var(--good-bg)}tr.row-neg{background:var(--bad-bg)}tr.row-pos:hover,tr.row-neg:hover{filter:brightness(.98)}a.plain{color:var(--accent);text-decoration:none;font-weight:600}a.plain:hover{text-decoration:underline}.btn{border:1px solid var(--border);background:var(--surface);padding:7px 14px;border-radius:6px;cursor:pointer;font:inherit;color:var(--ink)}.btn:hover{background:var(--page)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.btn.primary:hover{filter:brightness(1.08)}.btn.danger{color:var(--bad-text)}.btn.danger:hover{background:var(--bad-bg)}input[type=text]{border:1px solid var(--border);border-radius:6px;padding:7px 10px;font:inherit;background:var(--surface);color:var(--ink)}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.dropzone{border:2px dashed var(--baseline);border-radius:10px;padding:28px;text-align:center;color:var(--ink-2);background:var(--surface);cursor:pointer;transition:border-color .15s,background .15s}.dropzone.drag{border-color:var(--accent);background:#2a78d60d}.dropzone .hint{color:var(--muted);font-size:12px;margin-top:6px}.import-result{margin-top:12px;display:flex;flex-direction:column;gap:8px}.import-result .item{border:1px solid var(--border);border-radius:8px;padding:10px 12px;background:var(--surface)}.import-result .ok{border-left:3px solid var(--good-text)}.import-result .err{border-left:3px solid var(--bad-text)}.import-result .warn-line{color:#8a5a00;font-size:12px;margin-top:4px}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;background:var(--page);border:1px solid var(--border);color:var(--ink-2)}.empty{color:var(--muted);text-align:center;padding:32px}.spinner{color:var(--muted);padding:24px;text-align:center}.chart-card{padding:16px 8px 4px 0}.legend-note{color:var(--muted);font-size:12px;margin:4px 16px 8px}