:root{--fondo: #0d1117;--panel: #161b22;--panel-borde: #262c36;--texto: #e6edf3;--texto-tenue: #8b949e;--ok: #3fb950;--warn: #d29922;--down: #f85149;--unknown: #6e7681;--acento: #2f81f7}*{box-sizing:border-box}body{margin:0;background:var(--fondo);color:var(--texto);font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app{max-width:1200px;margin:0 auto;padding:24px 20px 64px}.cabecera{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;justify-content:space-between;margin-bottom:24px}.cabecera h1{margin:0;font-size:26px;letter-spacing:-.02em}.sub{margin:4px 0 0;color:var(--texto-tenue);font-size:13px}.texto-bueno{color:var(--ok)}.texto-malo{color:var(--down)}.acciones{display:flex;gap:8px;align-items:center}.filtros{display:flex;border:1px solid var(--panel-borde);border-radius:8px;overflow:hidden}.filtros button,.recargar{background:var(--panel);color:var(--texto-tenue);border:none;padding:7px 14px;font-size:13px;cursor:pointer}.filtros button+button{border-left:1px solid var(--panel-borde)}.filtros button.activo{background:var(--acento);color:#fff}.recargar{border:1px solid var(--panel-borde);border-radius:8px}.recargar:disabled{opacity:.5;cursor:default}.filtros button:hover:not(.activo),.recargar:hover:not(:disabled){color:var(--texto)}.metricas{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:24px}.metrica{background:var(--panel);border:1px solid var(--panel-borde);border-radius:10px;padding:12px 14px}.metrica-k{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--texto-tenue)}.metrica-v{display:block;margin-top:3px;font-size:15px;font-variant-numeric:tabular-nums}.barra{margin-top:8px;height:4px;border-radius:2px;background:#21262d;overflow:hidden}.barra-relleno{height:100%;background:var(--acento)}.barra-relleno.alto{background:var(--down)}.rejilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.tarjeta{background:var(--panel);border:1px solid var(--panel-borde);border-left:3px solid var(--unknown);border-radius:10px;padding:14px 16px}.tarjeta.ok{border-left-color:var(--ok)}.tarjeta.warn{border-left-color:var(--warn)}.tarjeta.down{border-left-color:var(--down)}.tarjeta header{display:flex;align-items:center;gap:8px}.tarjeta h2{margin:0;font-size:15px;font-weight:600;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.punto{width:8px;height:8px;border-radius:50%;background:var(--unknown);flex:none}.punto.ok{background:var(--ok)}.punto.warn{background:var(--warn)}.punto.down{background:var(--down)}.pill{font-size:11px;padding:2px 8px;border-radius:999px;background:#21262d;color:var(--texto-tenue);white-space:nowrap}.pill.ok{color:var(--ok)}.pill.warn{color:var(--warn)}.pill.down{color:var(--down)}.dominio{display:inline-block;margin-top:6px;color:var(--acento);text-decoration:none;font-size:13px;word-break:break-all}.dominio:hover{text-decoration:underline}.sondas{margin-top:10px;display:flex;flex-direction:column;gap:4px}.sonda{display:flex;align-items:baseline;gap:8px;font-size:12px}.sonda-titulo{color:var(--texto-tenue);min-width:54px}.sonda-valor{font-variant-numeric:tabular-nums}.sonda-valor.ok{color:var(--ok)}.sonda-valor.down{color:var(--down)}.sonda-ms{color:var(--texto-tenue);font-variant-numeric:tabular-nums}.tarjeta footer{margin-top:12px;display:flex;flex-wrap:wrap;gap:6px}.etiqueta{font-size:11px;padding:2px 7px;border-radius:5px;background:#21262d;color:var(--texto-tenue)}.etiqueta-mala{background:#f8514926;color:var(--down)}.aviso{padding:10px 14px;border-radius:8px;margin-bottom:12px;font-size:13px}.aviso.malo{background:#f851491f;border:1px solid rgba(248,81,73,.35);color:#ffb3ae}.vacio{color:var(--texto-tenue);text-align:center;padding:40px 0}@media (max-width: 520px){.cabecera{align-items:stretch}.acciones{width:100%;justify-content:space-between}}.seccion{margin-bottom:28px}.seccion-cabecera{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px solid var(--panel-borde);margin-bottom:4px}.seccion-cabecera h2{margin:0;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--texto-tenue)}.seccion-cuenta{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;background:#21262d;font-size:11px;letter-spacing:0;color:var(--texto)}.seccion-estado{font-size:12px;white-space:nowrap}.seccion-estado.bueno{color:var(--ok)}.seccion-estado.malo{color:var(--down)}.seccion-desc{margin:0 0 12px;font-size:12px;color:var(--texto-tenue)}.nota{margin:6px 0 0;font-size:12px;color:var(--texto-tenue)}.cabecera-txt h1{display:flex;align-items:center;gap:10px}.logo{font-size:22px}.recargar{min-width:40px;font-size:16px;line-height:1}.categoria{margin-bottom:30px}.categoria-cabecera{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}.categoria-cabecera h2{margin:0;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--texto-tenue)}.categoria-cuenta{padding:1px 7px;border-radius:999px;background:#21262d;font-size:11px;color:var(--texto)}.categoria-desc{margin:0 0 12px;font-size:12px;color:var(--texto-tenue)}.proyectos{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:10px}.proyecto{display:flex;align-items:center;gap:13px;padding:13px 15px;background:var(--panel);border:1px solid var(--panel-borde);border-left:3px solid var(--unknown);border-radius:12px;color:inherit;text-decoration:none}.proyecto.ok{border-left-color:var(--ok)}.proyecto.warn{border-left-color:var(--warn)}.proyecto.down{border-left-color:var(--down)}.proyecto.enlazable:hover{border-color:var(--acento);background:#1b222b}.proyecto-icono{font-size:26px;line-height:1;flex:none}.proyecto-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.proyecto-titulo{font-weight:600;font-size:15px;display:flex;align-items:center;gap:6px}.proyecto-candado{font-size:10px;opacity:.75}.proyecto-desc{font-size:12px;color:var(--texto-tenue)}.proyecto-host{font-size:11px;color:#5c6773;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.proyecto-estado{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex:none}.proyecto-ms{font-size:10px;color:var(--texto-tenue);font-variant-numeric:tabular-nums}.proyecto-aviso{font-size:10px;color:var(--down);text-transform:uppercase;letter-spacing:.04em}.proyecto-aviso.warn{color:var(--warn)}.diagrama{display:flex;flex-direction:column;align-items:center}.capa{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;width:100%}.nodo{background:var(--panel);border:1px solid var(--panel-borde);border-radius:10px;padding:11px 16px;min-width:175px;max-width:280px;text-align:center}.nodo.ok{border-color:#3fb95073}.nodo.warn{border-color:#d2992280}.nodo.down{border-color:#f851498c;background:#f8514914}.nodo-ancho{max-width:none;width:100%}.nodo-cab{display:flex;align-items:center;justify-content:center;gap:7px;font-weight:600;font-size:14px}.nodo-icono{font-size:15px}.nodo-sub{margin-top:2px;font-size:11px;color:var(--texto-tenue);font-variant-numeric:tabular-nums}.nodo-detalle{margin-top:6px;font-size:11px;color:#5c6773;line-height:1.35}.conector{position:relative;height:30px;display:flex;align-items:center;justify-content:center;width:100%}.conector-linea{width:2px;height:100%;background:linear-gradient(to bottom,var(--panel-borde),#3a434f)}.conector-etiqueta{position:absolute;background:var(--fondo);padding:0 9px;font-size:10px;color:var(--texto-tenue);text-transform:uppercase;letter-spacing:.05em;text-align:center}.maquinas{display:grid;grid-template-columns:2.1fr 1fr;gap:14px;width:100%;align-items:start}.maquina{border:1px dashed #38414d;border-radius:14px;padding:16px 14px;background:#161b2266}.maquina-cab{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:14px}.maquina-cab h2{margin:0;font-size:14px;font-weight:600}.maquina-meta{font-size:11px;color:var(--texto-tenue);font-variant-numeric:tabular-nums}.grupo-apps{border:1px solid var(--panel-borde);border-radius:10px;padding:12px;background:var(--panel)}.grupo-apps-cab{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:11px;color:var(--texto-tenue);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}.miniapps{display:flex;flex-wrap:wrap;gap:7px}.miniapp{display:inline-flex;align-items:center;gap:6px;padding:5px 11px 5px 9px;border-radius:999px;background:#21262d;border:1px solid transparent;font-size:12px;color:var(--texto);text-decoration:none}.miniapp.down{background:#f8514926;border-color:#f8514966}.miniapp.warn{background:#d2992226;border-color:#d2992266}a.miniapp:hover{border-color:var(--acento)}.miniapp-icono{font-size:12px}.fuera{width:100%;margin-top:18px;padding:12px 14px;border:1px dashed #38414d;border-radius:12px;opacity:.75}.fuera-titulo{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--texto-tenue);margin-bottom:9px}.leyenda{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:24px;font-size:11px;color:var(--texto-tenue)}.leyenda span{display:inline-flex;align-items:center;gap:6px}@media (max-width: 780px){.maquinas{grid-template-columns:1fr}.capa-triple .nodo,.capa-doble .nodo{min-width:0;flex:1 1 240px}}@media (max-width: 560px){.app{padding:16px 12px 48px}.cabecera{align-items:stretch;gap:12px}.cabecera h1{font-size:22px}.acciones{width:100%}.filtros{flex:1}.filtros button{flex:1;padding:8px 6px;font-size:12px}.proyectos{grid-template-columns:1fr}.capa{flex-direction:column;align-items:stretch}.nodo{max-width:none;min-width:0}.capa .nodo,.capa-doble .nodo,.capa-triple .nodo{flex:0 0 auto}.conector{height:24px}.conector-etiqueta{font-size:9px;max-width:90%}.metricas{grid-template-columns:repeat(2,1fr)}}