:root{--bg:#f7f6f3;--panel:#fff;--ink:#1c1917;--muted:#6b665f;--line:#e4e1db;--good:#1f7a4d;--good-bg:#e8f4ed;--warn:#9a5b00;--warn-bg:#fdf3e2;--bad:#a3271f;--bad-bg:#fbeceb;--accent:#2b4c7e}@media (prefers-color-scheme:dark){:root{--bg:#161514;--panel:#1f1e1c;--ink:#ece9e4;--muted:#a39e96;--line:#34322f;--good:#6cc59a;--good-bg:#1d3328;--warn:#e3b25c;--warn-bg:#3a2e18;--bad:#ec8b84;--bad-bg:#3b2120;--accent:#8fb0e3}}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font:15px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}main{max-width:1040px;margin:0 auto;padding:20px 16px 64px}header.top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;display:flex}header.top h1{margin:0;font-size:20px}.banner{background:var(--warn-bg);color:var(--warn);border-radius:8px;margin-bottom:16px;padding:8px 12px;font-size:14px}.banner.good{background:var(--good-bg);color:var(--good)}.tabs{gap:4px;display:flex}.tabs a{color:var(--muted);border-radius:999px;padding:6px 12px}.tabs a.on{background:var(--ink);color:var(--bg);text-decoration:none}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;margin-bottom:16px;padding:16px;overflow-x:auto}.panel h2{margin:0 0 10px;font-size:15px}.panel p.note{color:var(--muted);margin:8px 0 0;font-size:13px}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--line);padding:6px 8px;font-size:12px;font-weight:600}td{border-bottom:1px solid var(--line);vertical-align:top;padding:7px 8px}tr:last-child td{border-bottom:0}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.pill{border-radius:999px;padding:1px 8px;font-size:12px;font-weight:600;display:inline-block}.pill.good{background:var(--good-bg);color:var(--good)}.pill.warn{background:var(--warn-bg);color:var(--warn)}.pill.bad{background:var(--bad-bg);color:var(--bad)}.kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px;display:grid}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px 14px}.kpi .label{color:var(--muted);font-size:12px}.kpi .value{font-variant-numeric:tabular-nums;font-size:22px;font-weight:650}.kpi.bad .value{color:var(--bad)}.kpi.good .value{color:var(--good)}.muted{color:var(--muted)}.bad-text{color:var(--bad)}button{font:inherit;border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;border-radius:8px;padding:8px 16px}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}button.link{color:var(--accent);background:0 0;border:0;padding:0}main.login{text-align:center;max-width:380px;padding-top:12vh}main.login h1{margin:0 0 6px;font-size:20px}.userbar{max-width:1040px;color:var(--muted);justify-content:flex-end;gap:10px;margin:0 auto;padding:10px 16px 0;font-size:13px;display:flex}.userbar form{display:inline}form.remit{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}form.remit input{font:inherit;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:6px;flex:12em;min-width:0;padding:6px 8px;font-size:13px}form.remit button{padding:6px 12px;font-size:13px}
