:root{--bg: #f6f7f9;--panel: #ffffff;--border: #e3e6ea;--text: #12161c;--muted: #626b78;--faint: #8b95a3;--accent: #1f6feb;--accent-soft: #eaf1fe;--ok: #0f7b46;--ok-soft: #e6f4ec;--warn: #9a6200;--warn-soft: #fdf3e0;--danger: #b3261e;--danger-soft: #fdeceb;--radius: 10px;--mono: ui-monospace, "Cascadia Mono", "SF Mono", Menlo, monospace}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #0f1115;--panel: #171a21;--border: #272c36;--text: #e8eaee;--muted: #9aa4b2;--faint: #6f7987;--accent: #4f8ef7;--accent-soft: #16233a;--ok: #4ec27f;--ok-soft: #12291d;--warn: #e0a336;--warn-soft: #2b2213;--danger: #f2776d;--danger-soft: #2e1817}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.app{display:flex;min-height:100vh}.nav{width:216px;flex:0 0 216px;padding:18px 12px;border-right:1px solid var(--border);background:var(--panel)}.nav h1{font-size:13px;margin:0 0 2px;letter-spacing:.01em}.nav .sub{font-size:11px;color:var(--faint);margin-bottom:20px}.nav button{display:block;width:100%;text-align:left;padding:8px 10px;margin-bottom:2px;border:0;border-radius:8px;background:transparent;color:var(--muted);font:inherit;cursor:pointer}.nav button:hover{background:var(--bg);color:var(--text)}.nav button[aria-current=page]{background:var(--accent-soft);color:var(--accent);font-weight:600}.main{flex:1;min-width:0;padding:22px 26px 60px}.main>header{margin-bottom:18px}.main h2{font-size:19px;margin:0 0 3px}.main header p{margin:0;color:var(--muted);font-size:13px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}button.btn{padding:8px 14px;border-radius:8px;border:1px solid var(--border);background:var(--panel);color:var(--text);font:inherit;cursor:pointer}button.btn:hover:not(:disabled){border-color:var(--faint)}button.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.btn.primary:hover:not(:disabled){filter:brightness(1.08)}button.btn:disabled{opacity:.5;cursor:not-allowed}select,input[type=text],input[type=number]{padding:7px 9px;border-radius:8px;border:1px solid var(--border);background:var(--panel);color:var(--text);font:inherit}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11.5px;font-weight:600;white-space:nowrap}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.danger{background:var(--danger-soft);color:var(--danger)}.badge.mute{background:var(--bg);color:var(--muted);border:1px solid var(--border)}.banner{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:var(--radius);border:1px solid;margin-bottom:16px;font-size:13px}.banner .dot{font-size:15px;line-height:1.2}.banner strong{display:block;margin-bottom:2px}.banner.mute{background:var(--bg);border-color:var(--border);color:var(--muted)}.banner.mute strong{color:var(--text)}.banner.warn{background:var(--warn-soft);border-color:color-mix(in srgb,var(--warn) 35%,transparent);color:var(--warn)}.banner.danger{background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 35%,transparent);color:var(--danger)}.banner.info{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 30%,transparent);color:var(--accent)}.embudo{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.kpi{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;cursor:pointer;text-align:left;font:inherit;color:inherit}.kpi:hover{border-color:var(--faint)}.kpi[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.kpi .n{font-size:24px;font-weight:650;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.kpi .l{font-size:11.5px;color:var(--muted);margin-top:2px}.kpi.total .n{color:var(--text)}.kpi.good .n{color:var(--ok)}.kpi.bad .n{color:var(--danger)}.tabla-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel)}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:9px 12px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}th{font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--faint);font-weight:600;background:var(--bg);position:sticky;top:0}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--bg)}td.mono{font-family:var(--mono);font-size:12.5px}td.faint{color:var(--faint);font-style:italic}.vacio{padding:44px 18px;text-align:center;color:var(--muted)}.err{color:var(--danger);font-size:13px;margin-top:8px}.hint{color:var(--faint);font-size:12px}