:root{--bg:#f6f4ef;--card:#fff;--ink:#161a19;--muted:#6a716d;--line:#e4e5e0;--good:#087a50;--bad:#bc3e34;--warn:#9b6400;--accent:#155b46}@media(prefers-color-scheme:dark){:root{--bg:#111513;--card:#1a211e;--ink:#edf3ee;--muted:#a7b0aa;--line:#313b35;--accent:#67d5a9}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;padding:0 14px 36px}header,main,.filters,nav{max-width:760px;margin:auto}header{padding:20px 2px 12px;position:relative}header span{font-size:10px;color:var(--good);font-weight:800;letter-spacing:1px}h1{font-size:28px;margin:4px 0}header small{color:var(--muted)}.filters{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:7px;position:sticky;top:0;background:color-mix(in srgb,var(--bg) 93%,transparent);padding:8px 0;z-index:4;backdrop-filter:blur(8px)}label{font-size:10px;text-transform:uppercase;color:var(--muted);font-weight:700}select{display:block;width:100%;margin-top:3px;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:11px;padding:9px 7px;font:inherit}nav{display:flex;gap:7px;margin:4px auto 13px}nav button{border:0;background:var(--card);color:var(--muted);border-radius:10px;padding:9px 15px;font:inherit;font-weight:700}nav button.active{background:var(--accent);color:#fff}.grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.metric,.panel{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:13px}.metric{min-height:116px;text-align:left}.metric button{border:0;background:none;padding:0;color:inherit;text-align:left;width:100%;font:inherit}.metric small,.sub,.meta{color:var(--muted);font-size:11px}.metric strong{display:block;font-size:22px;line-height:1.1;margin:8px 0 3px;letter-spacing:-.4px}.metric .delta{font-size:11px;font-weight:700}.up{color:var(--good)}.down{color:var(--bad)}.neutral{color:var(--muted)}.panel{margin-top:10px}.panel h2{font-size:15px;margin:0 0 10px}.wide{grid-column:1/-1}.notice{padding:12px;border-radius:12px;background:#fff0cc;color:#704b00;margin:10px 0}.bars{display:grid;gap:10px}.barline{display:grid;grid-template-columns:112px 1fr auto;gap:8px;align-items:center;font-size:12px}.track{height:10px;border-radius:9px;background:var(--line);overflow:hidden}.fill{height:100%;background:var(--accent);border-radius:9px}.fill.bad{background:var(--bad)}.fill.warn{background:var(--warn)}.chart{height:125px;display:flex;gap:14px;align-items:end;padding:5px 6px;border-bottom:1px solid var(--line)}.chart .point{flex:1;display:flex;flex-direction:column;justify-content:end;gap:5px;text-align:center;font-size:10px;color:var(--muted)}.chart i{display:block;background:var(--accent);border-radius:8px 8px 2px 2px;min-height:3px}.flow{display:flex;align-items:center;gap:5px;overflow:hidden}.flow div{flex:1;padding:10px 7px;border-radius:10px;background:var(--bg);font-size:11px}.flow strong{display:block;font-size:14px;margin-top:3px}.flow .minus{border-left:3px solid var(--bad)}.flow .result{border-left:3px solid var(--good)}.link{display:block;color:var(--accent);font-weight:700;margin-top:10px;text-decoration:none}.loading,.empty{padding:50px 10px;text-align:center;color:var(--muted)}dialog{border:0;border-radius:18px;max-width:430px;width:calc(100% - 28px);background:var(--card);color:var(--ink);box-shadow:0 15px 55px #0007;padding:20px}dialog::backdrop{background:#0007}dialog button{float:right;border:0;border-radius:9px;background:var(--line);color:var(--ink);font-size:22px;width:32px;height:32px}.detail-row{border-top:1px solid var(--line);padding:9px 0;display:flex;justify-content:space-between;gap:10px}.badge{font-size:10px;border-radius:99px;padding:3px 7px;background:#fff0cc;color:#704b00}@media(min-width:600px){.grid{grid-template-columns:repeat(3,1fr)}}