:root{color-scheme:light;--bg: #f7f8fb;--surface: #ffffff;--border: #e2e6ee;--text: #131722;--muted: #6b7385;--accent: #2962ff;--long: #22a06b;--short: #d33646;--neutral: #8b8e97;--warn-bg: #fff7e0}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:14px;min-height:100vh}.app{max-width:1400px;margin:0 auto;padding:16px 24px 80px;min-height:100vh;display:flex;flex-direction:column;gap:16px}.topbar{display:flex;align-items:center;gap:24px;padding:14px 18px;background:var(--surface);border:1px solid var(--border);border-radius:10px}.brand{font-weight:700;font-size:16px;letter-spacing:-.01em}.tabs{display:flex;gap:10px;flex:1}.tab{text-decoration:none;color:var(--muted);padding:6px 12px;border-radius:8px;border:1px solid transparent;font-weight:500}.tab:hover{background:#eef1f8;color:var(--text)}.tab.active{background:#eef3ff;color:var(--accent);border-color:#cfdcff}.health{display:flex;gap:10px;align-items:center}.pill{padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600}.pill-ok{background:#e8f6ee;color:#1f7a4a}.pill-bad{background:#fde6e8;color:#9c2230}.muted{color:var(--muted)}.small{font-size:12px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px}.layout{display:grid;grid-template-columns:1.6fr 1fr;gap:16px}@media (max-width: 1000px){.layout{grid-template-columns:1fr}}table.dash{width:100%;border-collapse:separate;border-spacing:0}table.dash th,table.dash td{padding:8px 10px;text-align:right;border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums}table.dash th{font-weight:600;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}table.dash th:first-child,table.dash td:first-child{text-align:left}table.dash tbody tr{cursor:pointer}table.dash tbody tr:hover{background:#f1f4fb}table.dash tbody tr.selected{background:#eef3ff}table.dash td.bar{width:90px;padding-right:4px}.barwrap{display:inline-flex;height:8px;width:80px;background:#f0f1f5;border-radius:4px;overflow:hidden;vertical-align:middle}.barwrap .bar-long{background:var(--long)}.barwrap .bar-short{background:var(--short)}.barwrap .bar-neut{background:#d8dbe2}.delta-up{color:var(--long)}.delta-down{color:var(--short)}.kpi-row{display:flex;gap:18px;flex-wrap:wrap}.kpi{padding:10px 14px;background:#f3f5fb;border-radius:8px;min-width:120px}.kpi .label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.kpi .value{font-size:18px;font-weight:700;margin-top:2px}.audit-list,.events-list{display:flex;flex-direction:column;gap:8px;max-height:360px;overflow-y:auto}.audit-item,.event-item{border:1px solid var(--border);border-radius:8px;padding:10px 12px;background:#fafbfe}.audit-item .when,.event-item .when{font-size:11px;color:var(--muted)}.audit-item .delta{font-weight:600}.event-item .head{font-weight:600;margin-bottom:4px}.event-item .pill-cat{background:#eef3ff;color:var(--accent);padding:1px 7px;border-radius:999px;font-size:11px;font-weight:600}.event-item .pill-sev{padding:1px 7px;border-radius:999px;font-size:11px;font-weight:600}.sev-0,.sev-1,.sev-2{background:#ecedf3;color:var(--muted)}.sev-3{background:#fff3e0;color:#b45309}.sev-4{background:#fde6e8;color:#9c2230}.sev-5{background:#fbd7dc;color:#7f1727}.banner-warn{background:var(--warn-bg);border:1px solid #f1d27a;padding:10px 14px;border-radius:10px}.btn{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:10px 16px;font-weight:600;cursor:pointer}.btn:disabled{opacity:.6;cursor:not-allowed}.input,.select,.textarea{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:8px;font-size:14px;background:#fff;font-family:inherit}.textarea{min-height:200px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.form-row .full{grid-column:1 / -1}label.field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted);font-weight:600}.markdown-output{background:#fff;border:1px solid var(--border);border-radius:10px;padding:18px 22px;line-height:1.55}.markdown-output h1,.markdown-output h2,.markdown-output h3{margin-top:22px}.markdown-output h1{font-size:22px}.markdown-output h2{font-size:18px}.markdown-output table{border-collapse:collapse}.markdown-output th,.markdown-output td{border:1px solid var(--border);padding:6px 10px}.markdown-output code{background:#f3f5fb;padding:1px 5px;border-radius:4px}.mwpl-charts{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:4px}.mwpl-chart{border:1px solid var(--border);border-radius:8px;padding:10px 12px 6px;background:#fafbfe}.mwpl-chart .chart-title{font-weight:600;font-size:13px}.mwpl-chart .chart-sub{margin-bottom:4px}.mf-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}@media (max-width: 700px){.mf-strip{grid-template-columns:repeat(3,1fr)}}.mf-cell{background:#f3f5fb;border-radius:8px;padding:8px 10px}.mf-cell .label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.mf-cell .value{font-size:16px;font-weight:700;margin-top:2px;font-variant-numeric:tabular-nums}.keypoints{margin:0;padding-left:18px;line-height:1.55}.keypoints li{margin-bottom:4px}