*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0e1a;--bg-secondary: #111827;--bg-card: rgba(17, 24, 39, .7);--bg-card-hover: rgba(30, 41, 59, .8);--border-color: rgba(99, 102, 241, .15);--border-glow: rgba(99, 102, 241, .4);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-indigo: #6366f1;--accent-blue: #3b82f6;--accent-emerald: #10b981;--accent-amber: #f59e0b;--accent-rose: #f43f5e;--accent-purple: #a855f7;--accent-cyan: #06b6d4;--gradient-primary: linear-gradient(135deg, #6366f1, #8b5cf6);--gradient-success: linear-gradient(135deg, #10b981, #34d399);--gradient-danger: linear-gradient(135deg, #f43f5e, #fb7185);--gradient-warning: linear-gradient(135deg, #f59e0b, #fbbf24);--shadow-glow: 0 0 20px rgba(99, 102, 241, .15);--shadow-card: 0 4px 24px rgba(0, 0, 0, .3)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased}.app-container{max-width:1400px;margin:0 auto;padding:24px}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.header-left h1{font-size:28px;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.header-left p{color:var(--text-secondary);font-size:14px;margin-top:4px}.header-right{display:flex;gap:12px;align-items:center}.btn{padding:10px 20px;border-radius:10px;border:none;font-family:Inter,sans-serif;font-weight:600;font-size:13px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:8px}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 15px #6366f14d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #6366f180}.btn-outline{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.btn-outline:hover{border-color:var(--accent-indigo);color:var(--text-primary);background:#6366f11a}.btn-outline.active{border-color:var(--accent-indigo);color:var(--accent-indigo);background:#6366f126}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.stat-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:16px 16px 0 0}.stat-card.indigo:before{background:var(--gradient-primary)}.stat-card.emerald:before{background:var(--gradient-success)}.stat-card.rose:before{background:var(--gradient-danger)}.stat-card.amber:before{background:var(--gradient-warning)}.stat-card.purple:before{background:linear-gradient(135deg,#a855f7,#c084fc)}.stat-card.cyan:before{background:linear-gradient(135deg,#06b6d4,#22d3ee)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-glow);border-color:var(--border-glow)}.stat-card .stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:16px}.stat-card.indigo .stat-icon{background:#6366f126;color:var(--accent-indigo)}.stat-card.emerald .stat-icon{background:#10b98126;color:var(--accent-emerald)}.stat-card.rose .stat-icon{background:#f43f5e26;color:var(--accent-rose)}.stat-card.amber .stat-icon{background:#f59e0b26;color:var(--accent-amber)}.stat-card.purple .stat-icon{background:#a855f726;color:var(--accent-purple)}.stat-card.cyan .stat-icon{background:#06b6d426;color:var(--accent-cyan)}.stat-card .stat-value{font-size:32px;font-weight:800;line-height:1;margin-bottom:6px}.stat-card .stat-label{font-size:13px;color:var(--text-secondary);font-weight:500}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:32px}.chart-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:16px;padding:24px}.chart-card h3{font-size:16px;font-weight:700;margin-bottom:20px;color:var(--text-primary)}.table-section{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:16px;padding:24px;margin-top:0}.table-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.table-header h3{font-size:16px;font-weight:700}.table-filters{display:flex;gap:8px;flex-wrap:wrap}.filter-btn{padding:6px 14px;border-radius:8px;border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);font-family:Inter,sans-serif;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.filter-btn:hover{border-color:var(--accent-indigo);color:var(--text-primary)}.filter-btn.active{background:#6366f126;border-color:var(--accent-indigo);color:var(--accent-indigo)}.filter-btn.t1.active{background:#10b98126;border-color:var(--accent-emerald);color:var(--accent-emerald)}.filter-btn.t2.active{background:#3b82f626;border-color:var(--accent-blue);color:var(--accent-blue)}.filter-btn.t3.active{background:#f59e0b26;border-color:var(--accent-amber);color:var(--accent-amber)}table{width:100%;border-collapse:separate;border-spacing:0}thead th{padding:12px 16px;text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);border-bottom:1px solid var(--border-color)}tbody tr{transition:background .15s}tbody tr:hover{background:#6366f10d}tbody td{padding:14px 16px;font-size:13px;color:var(--text-secondary);border-bottom:1px solid rgba(255,255,255,.04)}tbody td:first-child{font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}.badge{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;display:inline-block;text-transform:uppercase;letter-spacing:.5px}.badge.completada{background:#10b98126;color:#34d399}.badge.pendiente{background:#f59e0b26;color:#fbbf24}.badge.en_progreso{background:#3b82f626;color:#60a5fa}.badge.fallida{background:#f43f5e26;color:#fb7185}.badge.ocupado{background:#a855f726;color:#c084fc}.badge.no_contesta{background:#64748b33;color:#94a3b8}.badge.numero_invalido_o_fallida,.badge.congestion_o_error{background:#f43f5e33;color:#f87171}.badge-tecla{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:800;display:inline-block}.badge-tecla.t1{background:#10b98133;color:#34d399}.badge-tecla.t2{background:#3b82f633;color:#60a5fa}.badge-tecla.t3{background:#f59e0b33;color:#fbbf24}.badge-contestador{background:#a855f726;color:#c084fc;padding:3px 8px;border-radius:6px;font-size:10px;font-weight:700}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:20px}.pagination button{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:8px 14px;border-radius:8px;cursor:pointer;font-family:Inter,sans-serif;font-size:12px;font-weight:600;transition:all .2s}.pagination button:hover:not(:disabled){border-color:var(--accent-indigo);color:var(--text-primary)}.pagination button:disabled{opacity:.3;cursor:not-allowed}.pagination span{color:var(--text-muted);font-size:13px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:16px}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-indigo);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.efectividad-bar{width:100%;height:8px;background:#ffffff0d;border-radius:4px;overflow:hidden;margin-top:8px}.efectividad-bar .fill{height:100%;border-radius:4px;background:var(--gradient-success);transition:width .8s cubic-bezier(.4,0,.2,1)}.empty-state{text-align:center;padding:48px 20px;color:var(--text-muted)}.empty-state .icon{font-size:48px;margin-bottom:12px;opacity:.4}@media (max-width: 768px){.app-container{padding:16px}.charts-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.header{flex-direction:column;align-items:flex-start;gap:12px}.table-header{flex-direction:column;align-items:flex-start}}