:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brand-orange:#f90;--brand-blue:#30f;--brand-navy:#120a5c;--page:#f4f5f9;--surface:#fff;--surface-2:#f8f8fb;--border:#120a5c17;--text-1:#1d1b2e;--text-2:#45454f;--text-3:#85848f;--grid:#ececf2;--axis:#c9c8d3;--s-consultas:#30f;--s-dnis:#d97a00;--good:#15986a;--warn:#b86e00;--bad:#d93a3a;--shadow:0 1px 2px #120a5c0a, 0 4px 16px #120a5c0d;--radius:14px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#0e1020;--surface:#161a2e;--surface-2:#1c2038;--border:#ffffff14;--text-1:#f3f3f8;--text-2:#c2c3d3;--text-3:#8b8da3;--grid:#252a44;--axis:#363b5a;--s-consultas:#8a80ff;--s-dnis:#c77700;--good:#2fbf86;--warn:#f0a326;--bad:#f07b7b;--shadow:none}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#0e1020;--surface:#161a2e;--surface-2:#1c2038;--border:#ffffff14;--text-1:#f3f3f8;--text-2:#c2c3d3;--text-3:#8b8da3;--grid:#252a44;--axis:#363b5a;--s-consultas:#8a80ff;--s-dnis:#c77700;--good:#2fbf86;--warn:#f0a326;--bad:#f07b7b;--shadow:none}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--page);color:var(--text-1);-webkit-font-smoothing:antialiased;margin:0;font-family:Poppins,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px}button{font:inherit;color:inherit}.app{flex-direction:column;gap:12px;max-width:1920px;min-height:100vh;margin:0 auto;padding:14px 24px 18px;display:flex}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand img{width:44px;height:auto;box-shadow:var(--shadow);border:1px solid var(--border);background:#fff;border-radius:10px;padding:5px 6px}.topbar h1{margin:0;font-size:20px;font-weight:600}.topbar p{color:var(--text-3);margin:2px 0 0;font-size:13px}.topbar__right{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;max-width:100%;display:flex}.env{background:color-mix(in srgb, var(--brand-orange) 14%, transparent);color:var(--text-1);border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-size:12px;font-weight:500;display:inline-flex}.env i{background:var(--brand-orange);border-radius:50%;width:8px;height:8px}.live{color:var(--text-3);align-items:center;gap:6px;font-size:12px;display:flex}.live i{background:var(--good);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}.live.is-error i{background:var(--bad);animation:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.icon-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;color:var(--text-2);border-radius:10px;padding:7px 11px;font-size:12px}.icon-btn:hover{color:var(--text-1)}.icon-btn:disabled{opacity:.6;cursor:progress}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.carga{color:var(--text-2);border:1px solid var(--border);background:var(--surface);border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-size:12px;display:inline-flex}.carga b{color:var(--text-1);font-weight:600}.carga i{border-radius:50%;flex:none;width:8px;height:8px}.carga--ok i{background:var(--good)}.carga--warn{border-color:var(--warn)}.carga--warn i{background:var(--warn)}.carga--bad{border-color:var(--bad);color:var(--bad);background:color-mix(in srgb, var(--bad) 10%, var(--surface))}.carga--bad b{color:var(--bad)}.carga--bad i{background:var(--bad);animation:1.2s infinite pulse}.alerta{border:1px solid var(--bad);color:var(--bad);background:color-mix(in srgb, var(--bad) 8%, var(--surface));border-radius:10px;padding:8px 14px;font-size:12.5px}.stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;transition:opacity .2s;display:grid}.stats.is-loading{opacity:.55}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:2px;min-width:0;padding:12px 16px;display:flex}.stat__label{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.stat__label:first-letter{text-transform:uppercase}.stat__value{font-variant-numeric:tabular-nums;font-size:26px;font-weight:600;line-height:1.2}.stat__sub{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.stat--alto{border-color:color-mix(in srgb, var(--warn) 60%, var(--border))}.stat--alto .stat__value{color:var(--warn)}.stat--dia{background:var(--surface-2);box-shadow:none}.delta{font-weight:600}.delta--up{color:var(--warn)}.delta--down{color:var(--good)}@media (width<=1100px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat--dia{grid-column:1/-1}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;padding:16px 20px 12px}.card__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.card__head h2{margin:0;font-size:15px;font-weight:600}.card__head h2:first-letter{text-transform:uppercase}.card__head p{color:var(--text-3);margin:2px 0 0;font-size:12px}.card__tools{align-items:center;gap:8px;display:flex}.chart{width:100%;height:280px;margin-top:6px;transition:opacity .2s}.chart.is-loading{opacity:.55}.empty{text-align:center;color:var(--text-3);padding:40px}.select select{font:inherit;color:var(--text-1);background:var(--surface-2);border:1px solid var(--border);cursor:pointer;border-radius:10px;padding:6px 10px;font-size:12px}.seg{border:1px solid var(--border);border-radius:10px;display:inline-flex;overflow:hidden}.seg button{background:var(--surface);color:var(--text-2);cursor:pointer;border:0;padding:6px 11px;font-size:12px}.seg button+button{border-left:1px solid var(--border)}.seg button.is-on{background:var(--brand-navy);color:#fff}:root[data-theme=dark] .seg button.is-on{background:var(--brand-blue)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .seg button.is-on{background:var(--brand-blue)}}.grid-bottom{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:stretch;gap:12px;display:grid}.side-card{flex-direction:column;gap:8px;display:flex}.data-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:12px}.data-table th,.data-table td{white-space:nowrap;text-align:right;border-bottom:1px solid var(--grid);padding:6px 8px}.data-table th:first-child,.data-table td:first-child{text-align:left}.data-table th{color:var(--text-3);background:var(--surface);font-weight:500;position:sticky;top:0}.data-table td:first-child:first-letter{text-transform:uppercase}.data-table tr.is-pickable{cursor:pointer}.data-table tr.is-pickable:hover td{background:var(--surface-2)}.data-table tr.is-active td{background:color-mix(in srgb, var(--brand-blue) 9%, transparent)}.data-table tr.is-active td:first-child{box-shadow:inset 3px 0 0 var(--s-consultas);font-weight:600}.data-table tr.is-weekend td:first-child{color:var(--text-3)}.cell-strong{color:var(--text-1);font-weight:600}.ratio{border-radius:999px;padding:1px 7px}.ratio--alto{color:var(--warn);background:color-mix(in srgb, var(--warn) 14%, transparent);font-weight:600}.table-wrap{max-height:380px;margin-top:6px;transition:opacity .2s;overflow:auto}.table-wrap.is-loading{opacity:.55}@media (width>=1101px) and (height>=760px){.app{height:100vh}.chart-card--diario{flex-direction:column;flex:1.15;min-height:0;display:flex}.chart-card--diario .chart,.chart-card--diario .table-wrap{flex:1;height:auto;min-height:0;max-height:none}.grid-bottom{flex:1;min-height:0}.grid-bottom>.card{flex-direction:column;min-height:0;display:flex}.grid-bottom .chart,.grid-bottom .table-wrap{flex:1;height:auto;min-height:0;max-height:none}}@media (width<=1100px){.grid-bottom{grid-template-columns:minmax(0,1fr)}}@media (width<=820px){.app{padding:12px 16px}.chart{height:240px}}