:root{--azul:#26367c;--nucleo:#2c4288;--senal:#334997;--onda:#3f55a2;--papel:#f5f6fa;--lavanda:#e6e9f5;--tinta:#0a0f24;--gris:#4d5675;--linea:#dce1ee;--pulso:#19c39c;--pulso-texto:#0b7a63;--alerta:#f29a2e;--alerta-texto:#9a5300;--critico:#c8352b;--offline:#8a93ad;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--tinta);background:var(--papel);font-family:IBM Plex Sans,system-ui,sans-serif}body{background:var(--papel);margin:0}h1,h2{letter-spacing:-.02em;font-family:Archivo,Arial,sans-serif}h1{margin:0;font-size:2.25rem}h2{margin:0 0 12px;font-size:1.1rem}code{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.9em}.pagina{max-width:880px;margin:0 auto;padding:24px 16px 64px}.cabecera{align-items:center;gap:10px;margin-bottom:40px;display:flex}.logo{height:40px}.marca{color:var(--onda);font-family:IBM Plex Mono,monospace;font-weight:500}.gris{color:var(--gris)}.tarjeta{border:1px solid var(--linea);background:#fff;border-radius:16px;margin-top:20px;padding:20px}.fila{flex-wrap:wrap;gap:8px;display:flex}input{border:1px solid var(--linea);min-width:220px;font:inherit;border-radius:10px;flex:1;padding:10px 12px}button{background:var(--azul);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:999px;padding:10px 20px;font-weight:600}button:disabled{opacity:.5;cursor:default}.error{color:var(--critico)}.lista{margin:16px 0 0;padding:0;list-style:none}.lista li{border-top:1px solid var(--linea);justify-content:space-between;gap:8px;padding:10px 0;display:flex}.estado{white-space:nowrap;border-radius:999px;padding:2px 10px;font-family:IBM Plex Mono,monospace;font-size:.8rem}.estado-en_linea{color:var(--pulso-texto);background:#19c39c24}.estado-alerta{color:var(--alerta-texto);background:#f29a2e29}.estado-critico{background:var(--critico);color:#fff}.estado-offline,.estado-cargando{background:var(--lavanda);color:var(--gris)}.shell{min-height:100svh;display:flex}.sidebar{background:var(--azul);color:#fff;flex-direction:column;flex-shrink:0;gap:20px;width:220px;height:100svh;padding:24px 16px;display:flex;position:sticky;top:0}.sidebar-marca{align-items:baseline;gap:4px;padding:0 4px;display:flex}.sidebar-marca .login-wiot{color:#fff;font-size:1.3rem}.sidebar-marca .login-cloud{color:#fff9}.sidebar-org-nombre{color:#ffffffb3;margin:0;padding:0 4px;font-size:.82rem}.sidebar-org{color:#fff;background:#ffffff1a;border-color:#fff3;font-size:.85rem}.sidebar-nav{flex-direction:column;flex:1;gap:2px;display:flex}.nav-item{color:#ffffffbf;border-radius:10px;align-items:center;gap:10px;padding:9px 12px;font-size:.9rem;text-decoration:none;transition:background .15s;display:flex}.nav-item:hover{color:#fff;background:#ffffff1a}.nav-item.activo{color:#fff;background:#ffffff2e;font-weight:600}.nav-icono{text-align:center;width:20px;font-size:1rem}.sidebar-pie{border-top:1px solid #ffffff26;flex-direction:column;gap:6px;padding:16px 4px 0;display:flex}.sidebar-pie .gris{color:#fff9;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.sidebar-pie .btn-texto{color:#ffffffb3;padding:4px 0;font-size:.82rem}.contenido{flex:1;max-width:900px;padding:32px 32px 64px;overflow:auto}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.page-header h1{margin:0;font-size:1.8rem}.form-card{border-color:var(--onda);margin-bottom:16px}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-grid label{color:var(--gris);flex-direction:column;gap:4px;font-size:.85rem;font-weight:500;display:flex}.form-grid input,.form-grid select,.form-grid textarea{box-sizing:border-box;border:1px solid var(--linea);width:100%;font:inherit;background:#fff;border-radius:8px;padding:8px 10px}.form-grid textarea{resize:vertical;font-family:IBM Plex Mono,monospace;font-size:.82rem}.form-grid select{appearance:auto}.form-acciones{align-items:center;gap:10px;display:flex}.span2{grid-column:span 2}.btn-sm{background:var(--lavanda);color:var(--azul);border:1px solid var(--linea);cursor:pointer;white-space:nowrap;border-radius:8px;padding:4px 12px;font-size:.82rem}.btn-sm:hover{background:var(--linea)}.btn-danger{color:var(--critico);background:#c8352b14;border-color:#c8352b33}.btn-danger:hover{background:#c8352b26}.token-card{border-color:var(--pulso);background:#19c39c0a}.token-valor{background:var(--papel);border:1px solid var(--linea);word-break:break-all;border-radius:8px;margin:12px 0;padding:12px 14px;font-family:IBM Plex Mono,monospace;font-size:.85rem;display:block}.alerta-fila{align-items:flex-start;gap:16px}.checkboxes{gap:16px;margin-top:6px;display:flex}.check-label{color:var(--tinta);cursor:pointer;align-items:center;gap:6px;font-size:.9rem;font-weight:400;display:flex}.toggle{color:var(--gris);cursor:pointer;align-items:center;gap:8px;font-size:.9rem;display:flex}.pagina.centrada{justify-content:center;align-items:center;min-height:100svh;padding:24px;display:flex}.tarjeta.login{width:100%;max-width:380px;padding:36px 32px}.login-marca{align-items:baseline;gap:4px;margin-bottom:4px;display:flex}.login-wiot{color:var(--azul);letter-spacing:-.03em;font-family:Archivo,sans-serif;font-size:1.6rem;font-weight:800}.login-cloud{color:var(--onda);font-family:IBM Plex Mono,monospace;font-size:1rem}.login-lema{color:var(--gris);margin:0 0 28px;font-size:.9rem}.tarjeta.login form{flex-direction:column;gap:14px;display:flex}.tarjeta.login label{color:var(--gris);flex-direction:column;gap:4px;font-size:.85rem;font-weight:500;display:flex}.tarjeta.login input{box-sizing:border-box;width:100%;min-width:0}.btn-primario{background:var(--azul);width:100%}.btn-texto{color:var(--onda);background:0 0;padding:6px;font-size:.85rem}.btn-texto:hover{text-decoration:underline}.exito{color:var(--pulso-texto);background:#19c39c1f;border-radius:10px;margin:0;padding:10px 14px}.cabecera{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:32px;display:flex}.cabecera-marca{align-items:baseline;gap:4px;margin-right:auto;display:flex}.cabecera-usuario{align-items:center;gap:12px;display:flex}.selector-org{border:1px solid var(--linea);font:inherit;color:var(--tinta);background:#fff;border-radius:10px;padding:6px 10px}.resumen-estados{flex-wrap:wrap;gap:12px;margin-bottom:4px;display:flex}.chip-estado{border-radius:14px;flex-direction:column;align-items:center;min-width:72px;padding:14px 20px;display:flex}.chip-num{font-family:IBM Plex Mono,monospace;font-size:1.8rem;font-weight:700;line-height:1}.chip-label{margin-top:4px;font-size:.75rem}.estado-bg-en_linea{color:var(--pulso-texto);background:#19c39c1f}.estado-bg-alerta{color:var(--alerta-texto);background:#f29a2e24}.estado-bg-critico{color:var(--critico);background:#c8352b1a}.estado-bg-offline{background:var(--lavanda);color:var(--gris)}.banner-alertas{background:#c8352b12;border:1px solid #c8352b40;border-radius:14px;margin-bottom:16px;padding:16px 20px}.lista-alertas{flex-direction:column;gap:6px;margin:10px 0 0;padding:0;list-style:none;display:flex}.alerta-item{align-items:center;gap:10px;font-size:.9rem;display:flex}.dispositivo-nombre{font-weight:500}.dispositivo-derecha{align-items:center;gap:10px;display:flex}.mono{font-family:IBM Plex Mono,monospace;font-size:.82rem}