:root{--primary: #1a365d;--primary-light: #2c5282;--secondary: #ed8936;--background: #f7fafc;--surface: #ffffff;--text-main: #2d3748;--text-muted: #718096;--border: #e2e8f0;--success: #48bb78;--danger: #e53e3e;--focus-ring: rgba(66, 153, 225, .6)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,Segoe UI,system-ui,sans-serif;background-color:var(--background);color:var(--text-main);-webkit-font-smoothing:antialiased}.app-container{min-height:100vh;display:flex;flex-direction:column}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-muted)}.form-control{padding:.5rem .75rem;border:1px solid var(--border);border-radius:.375rem;font-size:.875rem;transition:all .2s;outline:none}.form-control:focus{border-color:var(--primary-light);box-shadow:0 0 0 3px var(--focus-ring)}.btn{padding:.5rem 1rem;border:none;border-radius:.375rem;font-weight:500;cursor:pointer;transition:all .2s;font-size:.875rem}.btn-block{width:100%}.radio-group{display:flex;gap:1rem;margin-top:.5rem;background:var(--background);padding:.75rem;border-radius:.375rem;border:1px solid var(--border)}.radio-label{display:flex;align-items:center;gap:.35rem;font-size:.85rem;cursor:pointer}.login-error-alert{background-color:#fff5f5;color:var(--danger);padding:.75rem;text-align:center;font-size:.875rem}:root{--mon-bg: #070d1a;--mon-surface: #0f1929;--mon-card: #121e30;--mon-border: rgba(56, 189, 248, .12);--mon-border2: rgba(255,255,255,.07);--mon-text: #e2e8f0;--mon-muted: #64748b;--mon-blue: #38bdf8;--mon-purple: #818cf8;--mon-green: #34d399;--mon-amber: #f59e0b;--mon-red: #f87171;--mon-cyan: #22d3ee}.monitor-container{background:var(--mon-bg);min-height:100vh;color:var(--mon-text);font-family:Inter,system-ui,-apple-system,sans-serif;padding-bottom:3rem}.monitor-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:var(--mon-surface);border-bottom:1px solid var(--mon-border);position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.monitor-header-left{display:flex;align-items:center;gap:1rem}.monitor-logo{height:48px;object-fit:contain}.monitor-empresa{font-size:1.2rem;font-weight:700;background:linear-gradient(to right,var(--mon-blue),var(--mon-purple));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0;letter-spacing:-.02em}.monitor-subtitle{font-size:.75rem;color:var(--mon-muted);margin:0}.monitor-header-right{display:flex;align-items:center;gap:1rem}.monitor-estado-global{font-size:.75rem;font-weight:700;padding:.35rem .85rem;border-radius:9999px;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--mon-border2)}.monitor-estado-global.monitor-estado-ok{background:#34d39926;color:var(--mon-green);border-color:#34d39966}.monitor-estado-global.monitor-estado-alerta{background:#f59e0b26;color:var(--mon-amber);border-color:#f59e0b66}.monitor-estado-global.monitor-estado-critica{background:var(--mon-red);color:#fff;border-color:var(--mon-red);font-weight:800;animation:mon-label-blink .7s step-start infinite}.monitor-estado-global.monitor-estado-desconocido{background:#ffffff0d;color:var(--mon-muted)}.monitor-btn-ghost{display:flex;align-items:center;gap:.4rem;background:#f871711a;border:1px solid rgba(248,113,113,.3);color:var(--mon-red);padding:.45rem 1rem;border-radius:.4rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.monitor-btn-ghost:hover{background:#f8717133}.monitor-section{margin:1.25rem 2rem 0;background:var(--mon-surface);border:1px solid var(--mon-border);border-radius:.75rem;padding:1.25rem}.monitor-section-title{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;color:var(--mon-blue);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.monitor-badge{font-size:.7rem;font-weight:700;padding:.2rem .6rem;border-radius:9999px;letter-spacing:.05em}.monitor-badge.online{background:#34d39926;color:var(--mon-green);border:1px solid rgba(52,211,153,.3)}.monitor-badge.offline{background:#f871711a;color:var(--mon-red);border:1px solid rgba(248,113,113,.2)}.monitor-ultima{font-size:.7rem;color:var(--mon-muted);font-family:monospace}.monitor-refresh-btn{background:transparent;border:none;color:var(--mon-muted);cursor:pointer;padding:.2rem;display:flex;align-items:center;transition:color .2s;margin-left:auto}.monitor-refresh-btn:hover{color:var(--mon-blue)}.monitor-agentes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.85rem;margin-bottom:1rem}.monitor-agente-card{background:var(--mon-card);border-radius:.6rem;padding:.95rem;border:1px solid var(--mon-border2);transition:border-color .2s,transform .2s}.monitor-agente-card:hover{transform:translateY(-2px)}.monitor-agente-card.monitor-estado-ok{border-left:3px solid var(--mon-green)}.monitor-agente-card.monitor-estado-alerta{border-left:3px solid var(--mon-amber)}.monitor-agente-card.monitor-estado-critica{border:2px solid var(--mon-red);border-left:5px solid var(--mon-red);background:#dc26261f;box-shadow:0 0 #dc262699;animation:mon-critica-pulse 1.4s ease-in-out infinite}@keyframes mon-critica-pulse{0%{box-shadow:0 0 #dc2626b3;background:#dc26261f}50%{box-shadow:0 0 18px 6px #dc262640;background:#dc262638}to{box-shadow:0 0 #dc2626b3;background:#dc26261f}}.monitor-agente-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.monitor-agente-icono{font-size:1.5rem}.estado-ok{color:var(--mon-green)}.estado-alerta{color:var(--mon-amber)}.estado-critica{color:var(--mon-red)}.monitor-agente-nombre{font-size:.85rem;font-weight:700;color:var(--mon-text);margin-bottom:.15rem}.monitor-agente-desc{font-size:.7rem;color:var(--mon-muted);margin-bottom:.4rem}.monitor-agente-mensaje{font-size:.72rem;color:#94a3b8;line-height:1.3;margin-bottom:.5rem;min-height:2rem}.monitor-agente-footer{display:flex;justify-content:space-between;align-items:center}.monitor-agente-eventos{font-size:.65rem;color:var(--mon-muted)}.monitor-agente-estado-label{font-size:.65rem;font-weight:700;padding:.1rem .4rem;border-radius:9999px;letter-spacing:.05em}.monitor-agente-estado-label.monitor-estado-ok{background:#34d39926;color:var(--mon-green)}.monitor-agente-estado-label.monitor-estado-alerta{background:#f59e0b26;color:var(--mon-amber)}.monitor-agente-estado-label.monitor-estado-critica{background:var(--mon-red);color:#fff;font-weight:800;letter-spacing:.1em;animation:mon-label-blink .7s step-start infinite}@keyframes mon-label-blink{0%,to{opacity:1}50%{opacity:.25}}.monitor-offline{display:flex;align-items:center;gap:.75rem;color:var(--mon-muted);font-size:.85rem;padding:1rem}.monitor-eventos-list{background:var(--mon-bg);border-radius:.5rem;border:1px solid var(--mon-border2);overflow:hidden;margin-top:.75rem}.monitor-eventos-title{font-size:.7rem;font-weight:600;color:var(--mon-muted);text-transform:uppercase;letter-spacing:.06em;padding:.55rem .85rem;border-bottom:1px solid var(--mon-border2)}.monitor-evento-row{display:grid;grid-template-columns:80px 140px 1fr;gap:.75rem;padding:.45rem .85rem;font-size:.74rem;border-bottom:1px solid rgba(255,255,255,.03);align-items:center}.monitor-evento-row:last-child{border-bottom:none}.monitor-evento-row.monitor-estado-ok{border-left:2px solid var(--mon-green)}.monitor-evento-row.monitor-estado-alerta{border-left:2px solid var(--mon-amber)}.monitor-evento-row.monitor-estado-critica{border-left:2px solid var(--mon-red)}.monitor-evento-time{color:var(--mon-muted);font-family:monospace}.monitor-evento-agente{color:var(--mon-blue);font-weight:600}.monitor-evento-msg{color:var(--mon-text)}.monitor-footer{text-align:center;padding:2rem 1rem 1rem;font-size:.7rem;color:var(--mon-muted)}.monitor-login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top left,#0f1e3a,#070d1a 60%);padding:1rem;font-family:Inter,system-ui,-apple-system,sans-serif}.monitor-login-card{background:var(--mon-surface);border-radius:.85rem;box-shadow:0 20px 40px -10px #0009,0 0 0 1px var(--mon-border);width:100%;max-width:420px;overflow:hidden;color:var(--mon-text)}.monitor-login-header{padding:2rem 2rem 1.25rem;text-align:center;border-bottom:1px solid var(--mon-border2);background:linear-gradient(180deg,rgba(56,189,248,.05),transparent)}.monitor-logo-wrapper{display:flex;justify-content:center;margin-bottom:1rem}.logo-login-monitor{max-width:220px;height:60px;object-fit:contain;filter:brightness(0) invert(1) opacity(.85)}.monitor-login-header h2{color:var(--mon-text);font-size:1.35rem;font-weight:700;margin-bottom:.3rem;background:linear-gradient(to right,var(--mon-blue),var(--mon-purple));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.monitor-login-header p{color:var(--mon-muted);font-size:.85rem;margin:0}.monitor-ai-badge{display:inline-flex;align-items:center;gap:.4rem;margin-top:.85rem;padding:.35rem .9rem;border-radius:999px;background:linear-gradient(135deg,#0ea5e926,#38bdf81a);border:1px solid rgba(56,189,248,.45);font-size:.7rem;font-weight:600;color:var(--mon-blue);letter-spacing:.04em;text-transform:uppercase}.monitor-ai-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mon-blue);box-shadow:0 0 6px var(--mon-blue);animation:mon-ai-pulse 1.8s ease-in-out infinite}@keyframes mon-ai-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.monitor-login-card .login-form{padding:1.75rem 2rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.monitor-input{background:#ffffff0a;border:1px solid var(--mon-border2);color:var(--mon-text)}.monitor-input:focus{border-color:var(--mon-blue);box-shadow:0 0 0 3px #38bdf840}.monitor-select{background:#ffffff0a;border:1px solid var(--mon-border2);color:var(--mon-text)}.monitor-radio-group{background:#ffffff08;border-color:var(--mon-border2)}.monitor-btn-primary{background:linear-gradient(135deg,var(--mon-blue),#0ea5e9);color:#fff;border:none;font-weight:600;letter-spacing:.02em}.monitor-btn-primary:hover{background:linear-gradient(135deg,#0ea5e9,var(--mon-blue))}.monitor-login-footer{text-align:center;padding:.85rem 1rem;background:#00000040;color:var(--mon-muted);border-top:1px solid var(--mon-border2)}