:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--font-mono: ui-monospace, "SF Mono", SFMono-Regular, "Cascadia Code", "Cascadia Mono", "JetBrains Mono", Menlo, Consolas, "Liberation Mono", monospace;--bg-0: #04070f;--bg-1: #0a1120;--bg-2: #141d31;--surface: rgba(255, 255, 255, .07);--surface-strong: rgba(255, 255, 255, .12);--surface-soft: rgba(255, 255, 255, .045);--line: rgba(255, 255, 255, .13);--line-strong: rgba(255, 255, 255, .25);--text: #f2f6fd;--text-muted: rgba(242, 246, 253, .66);--text-soft: rgba(242, 246, 253, .56);--green: #35d99d;--teal: #4fc9de;--blue: #4b9fff;--violet: #98a8ff;--amber: #f3c86a;--red: #ff5f7d;--stone: #d8c8a8;--grey: #9aa3b2;--green-text: #8df0c9;--amber-text: #f7dca0;--red-text: #ffb1c0;--teal-text: #a8e4ef;--violet-text: #c2ccff;--blue-text: #a8ccff;--on-stone: #221c10;--focus-ring: var(--stone);--t1: #56b4e9;--t2: #e69f00;--t3: #19c39a;--t4: #e08cbe;--radius-sm: 7px;--radius-chip: 10px;--radius-row: 16px;--radius-panel: 24px;--radius-pill: 999px;--shadow: 0 22px 70px rgba(0, 0, 0, .38);--shadow-soft: 0 10px 32px rgba(0, 0, 0, .25);--blur-soft: 14px;--blur-bar: 18px;--blur-dock: 20px;--z-bar: 20;--z-dock: 30;--app-background: radial-gradient( 110% 70% at 85% -12%, rgba(216, 200, 168, .16), rgba(216, 200, 168, 0) 55% ), radial-gradient( 90% 60% at 0% 0%, rgba(75, 159, 255, .13), rgba(75, 159, 255, 0) 52% ), linear-gradient(168deg, #0c1526 0%, #070d1a 38%, #04070f 100%)}:root[data-theme=dia]{color-scheme:light;--bg-0: #edf1f6;--bg-1: #ffffff;--bg-2: #f7f9fc;--surface: rgba(255, 255, 255, .9);--surface-strong: rgba(10, 12, 20, .08);--surface-soft: rgba(10, 12, 20, .04);--line: rgba(10, 12, 20, .12);--line-strong: rgba(10, 12, 20, .22);--shadow: 0 6px 20px rgba(15, 23, 42, .08);--shadow-soft: 0 2px 8px rgba(15, 23, 42, .05);--text: #1b2230;--text-muted: rgba(27, 34, 48, .66);--text-soft: rgba(27, 34, 48, .62);--green: #0e734d;--teal: #0c6e81;--blue: #1b61c3;--violet: #5259c1;--amber: #865c00;--red: #c12239;--grey: #5b6678;--green-text: #0b5c3e;--amber-text: #6e4d00;--red-text: #8e0f29;--teal-text: #0a5c6e;--violet-text: #3a3f8f;--blue-text: #134a99;--stone: #475569;--on-stone: #ffffff;--focus-ring: #475569;--t1: #0072b2;--t2: #e69f00;--t3: #009e73;--t4: #cc79a7;--app-background: radial-gradient( 100% 70% at 85% -12%, rgba(75, 159, 255, .05), rgba(75, 159, 255, 0) 55% ), linear-gradient(176deg, #eef2f7 0%, #e6ebf2 100%)}*{box-sizing:border-box}img,svg,canvas,video{max-width:100%}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:clip}body{margin:0;min-width:320px;min-height:100vh;background:var(--app-background);background-attachment:fixed;background-repeat:no-repeat;color:var(--text)}button,input,select{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}:where(a,button,input,select,[tabindex]):focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}h1,h2,h3,p{margin:0}h1{font-size:clamp(20px,6.5vw,30px);line-height:1.04;font-weight:800;letter-spacing:-.02em}h2{font-size:17px;line-height:1.2;font-weight:750}h3{font-size:14px;line-height:1.25;font-weight:700}.num,.tabla td,.kpi-valor{font-variant-numeric:tabular-nums}.muted{color:var(--text-muted)}.soft{color:var(--text-soft)}.cabecera-vista{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}.subtitulo{margin-top:4px;font-size:13.5px}code{font-size:12px;color:var(--text);background:var(--surface-soft);padding:1px 6px;border-radius:6px}.panel{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-panel);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(var(--blur-soft));backdrop-filter:blur(var(--blur-soft));padding:18px 20px}@media(max-width:480px){.panel{padding:14px}}.panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-bottom:12px;margin-bottom:14px;background:linear-gradient(100deg,color-mix(in srgb,var(--stone) 50%,transparent),color-mix(in srgb,var(--stone) 6%,transparent) 60%,transparent) left bottom / 100% 1px no-repeat}.panel-head h2{display:flex;align-items:center;gap:10px}.metrica{display:inline-flex;align-items:baseline;gap:4px;white-space:nowrap}.metrica .valor{font-weight:750;font-variant-numeric:tabular-nums;transition:color .3s ease}.metrica .unidad{font-size:.62em;font-weight:600;color:var(--text-muted)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.kpi-tile{background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius-row);padding:12px 14px;display:flex;flex-direction:column;gap:4px;min-width:0;overflow-wrap:anywhere}.kpi-tile .kpi-etiqueta{font-size:11.5px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--text-soft)}.kpi-tile .metrica{font-size:26px}.kpi-tile .kpi-nota{font-size:12px;color:var(--text-muted)}.kpi-tile.tono-ok .valor{color:var(--green)}.kpi-tile.tono-aviso .valor{color:var(--amber)}.kpi-tile.tono-mal .valor{color:var(--red)}.chip{display:inline-flex;align-items:center;gap:7px;padding:4px 11px;border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--surface-soft);font-size:12.5px;font-weight:650;white-space:nowrap}.chip .punto{width:8px;height:8px;border-radius:50%;flex:none}.chip--marcha{border-color:color-mix(in srgb,var(--green) 45%,transparent);background:color-mix(in srgb,var(--green) 13%,transparent);color:var(--green-text)}.chip--marcha .punto{background:var(--green);animation:latido 1.8s ease-in-out infinite}.chip--paro{border-color:color-mix(in srgb,var(--amber) 45%,transparent);background:color-mix(in srgb,var(--amber) 12%,transparent);color:var(--amber-text)}.chip--paro .punto{background:var(--amber)}.chip--incidencia{border-color:color-mix(in srgb,var(--red) 50%,transparent);background:color-mix(in srgb,var(--red) 14%,transparent);color:var(--red-text)}.chip--incidencia .punto{background:var(--red);animation:latido .9s ease-in-out infinite}.chip--cambio{border-color:color-mix(in srgb,var(--teal) 40%,transparent);background:color-mix(in srgb,var(--teal) 10%,transparent);color:var(--teal-text)}.chip--cambio .punto{background:var(--teal)}.chip--integrada{border-color:color-mix(in srgb,var(--green) 45%,transparent);background:color-mix(in srgb,var(--green) 13%,transparent);color:var(--green-text)}.chip--integrada .punto{background:var(--green)}.chip--sindatos{border-style:dashed;color:var(--text-muted)}.chip--sindatos .punto{background:var(--text-soft)}.chip-fuente{font-size:11px;padding:4px 10px}.chip-fuente .punto{width:7px;height:7px}.chip-real{color:var(--green);border-color:color-mix(in srgb,var(--green) 40%,transparent)}.chip-real .punto{background:var(--green)}.chip-demo{color:var(--amber);border-color:color-mix(in srgb,var(--amber) 40%,transparent)}.chip-demo .punto{background:var(--amber)}@keyframes latido{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.78)}}.tabla-scroll{overflow-x:auto;border-radius:var(--radius-row);border:1px solid var(--line)}.tabla{width:100%;border-collapse:collapse;font-size:13px;min-width:560px}.tabla th{text-align:left;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-soft);padding:9px 12px;border-bottom:1px solid var(--line-strong);background:var(--surface-soft);white-space:nowrap}.tabla td{padding:8px 12px;border-bottom:1px solid var(--line);white-space:nowrap}.tabla tr:last-child td{border-bottom:none}.tabla td.derecha,.tabla th.derecha{text-align:right}.tabla tr.sospechosa td{color:var(--text-soft);text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--red) 55%,transparent);text-decoration-thickness:1px}.tabla tr.sospechosa td.sin-tachar{text-decoration:none}.filtros{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.fila-filtros{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cabecera-derecha{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-left:auto}.seg{display:inline-flex;gap:4px;padding:4px;background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius-pill);flex-wrap:wrap}.seg button{border:none;background:transparent;color:var(--text-muted);border-radius:var(--radius-pill);padding:6px 14px;font-size:13px;font-weight:650;cursor:pointer;transition:background .2s ease,color .2s ease}.seg button:hover{color:var(--text)}.seg button.activo{background:var(--stone);color:var(--on-stone)}.control{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--surface-soft);color:var(--text);border-radius:var(--radius-pill);padding:5px 12px;font-size:12.5px;font-weight:600}select.control{appearance:none;cursor:pointer;max-width:min(220px,100%)}select.control option{background:var(--bg-1);color:var(--text)}.control-fecha{max-width:100%}.control-fecha .soft{font-size:11.5px}.control-fecha input{border:none;background:transparent;color:var(--text);font:inherit;cursor:pointer;min-width:0;max-width:100%}.limpiar{border:1px solid color-mix(in srgb,var(--red) 40%,transparent);background:transparent;color:var(--red);border-radius:var(--radius-pill);padding:5px 12px;font-size:12px;font-weight:650;transition:background .2s ease}.limpiar:hover{background:color-mix(in srgb,var(--red) 12%,transparent)}.celda-clicable{border:none;background:transparent;color:inherit;font:inherit;padding:0;cursor:pointer;border-radius:6px}.celda-clicable:hover{text-decoration:underline;text-underline-offset:3px;text-decoration-style:dotted}.celda-material{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.aviso{padding:26px 18px;text-align:center;color:var(--text-muted);font-size:13.5px}.aviso-error{color:var(--red)}.aviso-error code{color:var(--text)}.tabla-scroll.actualizando{opacity:.55;transition:opacity .15s ease}.paginacion{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px;padding:14px 8px 4px;font-size:12.5px}.paginacion button{border:1px solid var(--line-strong);background:var(--surface-soft);color:var(--text);border-radius:var(--radius-pill);padding:6px 14px;font-size:12.5px;font-weight:650}.paginacion button:disabled{opacity:.4;cursor:not-allowed}.pills{display:inline-flex;flex-wrap:wrap;justify-content:flex-end;gap:4px;padding:4px;background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius-pill)}.pills button{border:none;background:transparent;color:var(--text-muted);font-size:13px;font-weight:650;padding:6px 14px;border-radius:var(--radius-pill);transition:background .2s ease,color .2s ease}.pills button.activa{background:var(--stone);color:var(--on-stone)}.subpestanas{display:flex;gap:4px;flex-wrap:wrap}.subtab{display:inline-flex;align-items:center;gap:6px;border:none;background:transparent;padding:6px 14px;border-radius:var(--radius-pill);font-size:13px;font-weight:650;color:var(--text-muted);cursor:pointer;transition:background .2s ease,color .2s ease}.subtab:hover{color:var(--text);background:var(--surface-soft)}.subtab.activa{background:var(--surface-strong);color:var(--text)}.subpestanas.subnivel .subtab{padding:4px 11px;font-size:12px}.estado-vacio{padding:28px 20px;text-align:center;color:var(--text-soft);font-size:14px;border:1px dashed var(--line-strong);border-radius:var(--radius-row)}.banner-error{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:9px 14px;border:1px solid color-mix(in srgb,var(--red) 45%,transparent);background:color-mix(in srgb,var(--red) 12%,transparent);border-radius:var(--radius-row);color:var(--red-text);font-size:12.5px;line-height:1.4}.banner-error code{color:var(--text);word-break:break-word}.nota-metodo{font-size:12px;color:var(--text-soft);line-height:1.5}.cargando{height:120px;border-radius:var(--radius-row);background:linear-gradient(100deg,var(--surface-soft) 30%,var(--surface) 50%,var(--surface-soft) 70%);background-size:200% 100%;animation:brillo 1.4s ease-in-out infinite}@keyframes brillo{0%{background-position:200% 0}to{background-position:-200% 0}}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text) 16%,transparent);border-radius:99px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-track{background:transparent}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}