:root{color:#eaf0f7;font-synthesis:none;text-rendering:optimizelegibility;background:#07111f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100vh}h1,h2,h3,p{color:inherit}a{color:inherit;text-decoration:none}*{box-sizing:border-box}body{color:#eaf0f7;background:#07111f;min-width:320px;min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,select{font:inherit}.app{background:radial-gradient(circle at 100% 0,#1766ff24,#0000 28%),linear-gradient(#07111f 0%,#0a1320 100%);min-height:100vh;padding:36px}.topbar{justify-content:space-between;align-items:flex-start;gap:24px;max-width:1500px;margin:0 auto 30px;display:flex}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#6fa8ff;margin:0 0 6px;font-size:13px;font-weight:800}h1{letter-spacing:-.04em;margin:0;font-size:36px}.subtitle{color:#8fa0b5;margin:8px 0 0}.live-pill{color:#b7c4d4;background:#0d1a2bd9;border:1px solid #22324a;border-radius:999px;align-items:center;gap:9px;padding:10px 14px;font-size:13px;font-weight:700;display:inline-flex}.live-dot{background:#39d98a;border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #39d98acc}main{max-width:1500px;margin:0 auto}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px;display:grid}.stat-card{background:#0d1929e0;border:1px solid #1d2b40;border-radius:18px;padding:22px;box-shadow:0 10px 35px #0000001f}.stat-label{color:#8ea0b8;margin-bottom:12px;font-size:13px;font-weight:700;display:block}.stat-card strong{margin-bottom:9px;font-size:34px;line-height:1;display:block}.stat-card small{color:#61738a}.numero-error{color:#ff6f7d}.clientes-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:24px;display:grid}.cliente-card{appearance:none;color:#eaf0f7;text-align:left;cursor:pointer;background:#0d1929e0;border:1px solid #1d2b40;border-radius:16px;width:100%;padding:18px;transition:transform .15s,border-color .15s,background .15s}.cliente-card:hover{border-color:#315783;transform:translateY(-2px)}.cliente-card-activa{background:#163257f2;border-color:#4c8dff}.cliente-card-header{text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;font-size:12px;font-weight:800;display:flex}.cliente-card strong{margin-bottom:14px;font-size:30px;display:block}.cliente-card-footer{color:#73869e;justify-content:space-between;gap:8px;font-size:11px;display:flex}.cliente-status{color:#44d39a;white-space:nowrap;background:#39d98a1a;border-radius:999px;padding:5px 7px;font-size:9px}.cliente-status-error{color:#ff6f7d;background:#ff6f7d1a}.incidencias-panel{background:#2d141c47;border:1px solid #ff6f7d40;border-radius:18px;margin-bottom:24px;overflow:hidden}.incidencias-header{border-bottom:1px solid #ff6f7d1f;justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;display:flex}.incidencias-header h2{margin:0;font-size:18px}.incidencias-header p{color:#8d7d87;margin:5px 0 0;font-size:12px}.incidencias-total{color:#ff8792;background:#ff6f7d1f;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800}.incidencias-lista{display:grid}.incidencia-item{appearance:none;width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ff6f7d14;align-items:center;gap:14px;padding:15px 22px;display:flex}.incidencia-item:last-child{border-bottom:0}.incidencia-item:hover{background:#ff6f7d0d}.incidencia-icono{color:#ff6f7d;background:#ff6f7d1f;border-radius:9px;flex-shrink:0;place-items:center;width:30px;height:30px;font-weight:900;display:grid}.incidencia-info{flex:1;min-width:0}.incidencia-info strong{color:#edf3fa;font-size:13px;display:block}.incidencia-info span{color:#718096;margin-top:4px;font-size:11px;display:block}.incidencia-datos{text-align:right}.incidencia-datos strong{color:#ff6f7d;font-size:16px;display:block}.incidencia-datos span{color:#806d76;margin-top:2px;font-size:10px;display:block}.panel{background:#0b1625e6;border:1px solid #1d2b40;border-radius:20px;overflow:hidden}.panel-header{border-bottom:1px solid #1b293c;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;display:flex}.panel-header h2{margin:0;font-size:20px}.panel-header p{color:#75879d;margin:5px 0 0;font-size:13px}.panel-actions{align-items:center;gap:10px;display:flex}.problemas-btn{color:#b9c7d8;cursor:pointer;background:#0c1828;border:1px solid #263750;border-radius:10px;padding:10px 14px;font-weight:700;transition:border-color .15s,background .15s,color .15s}.problemas-btn:hover{border-color:#496789}.problemas-btn-activo{color:#ff8792;background:#ff6f7d1a;border-color:#ff6f7d}select{color:#dfe8f2;background:#0c1828;border:1px solid #263750;border-radius:10px;outline:none;min-width:190px;padding:10px 12px}.table-wrapper{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #152338;padding:16px 18px}th{color:#71839a;text-transform:uppercase;letter-spacing:.07em;font-size:11px}td{color:#cbd6e3;font-size:13px}tbody tr:hover{background:#4b84ff0b}.workflow-name{color:#eef4fb;font-weight:700}.workflow-id{color:#52647a;margin-top:5px;font-size:11px}.cliente-badge{color:#92b9f3;background:#14243a;border-radius:8px;padding:6px 9px;font-size:11px;font-weight:700;display:inline-flex}.estado{align-items:center;gap:7px;font-size:12px;font-weight:700;display:inline-flex}.estado-dot{background:currentColor;border-radius:50%;width:8px;height:8px}.estado-ok{color:#44d39a}.estado-error{color:#ff6f7d}.estado-inactivo{color:#7c8998}.estado-sin-datos{color:#f2bc63}.errores{color:#ff6f7d;font-weight:800}.message{text-align:center;color:#8da0b7;padding:40px}.error-box{color:#ff8792}@media (width<=1200px){.clientes-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1000px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.app{padding:20px}.topbar{flex-direction:column}.stats-grid,.clientes-grid{grid-template-columns:1fr}.panel-header,.panel-actions{flex-direction:column;align-items:stretch}.problemas-btn,select{width:100%}.incidencias-header{flex-direction:column;align-items:flex-start}.incidencia-item{padding:14px 16px}}