.login-container{display:flex;width:100%;min-height:100vh;background:linear-gradient(135deg,#020810,#03101f,#020c1a);position:relative;overflow:hidden}.animated-lines{position:absolute;top:0;left:0;width:100%;height:100%;opacity:1;z-index:1;pointer-events:none}.line{stroke:#2e5dff2e;stroke-width:1.5;fill:none;animation:float 22s ease-in-out infinite}.line-1{animation-delay:0s}.line-2{animation-delay:2s}.line-3{animation-delay:4s}.line-4{animation-delay:6s}.line-5{animation-delay:8s}.line-diagonal{animation:slideDiagonal 18s ease-in-out infinite;animation-delay:0s;opacity:.5}.line-diagonal-rev{animation:slideDiagonalRev 18s ease-in-out infinite;animation-delay:1s;opacity:.5}.elec-pulse{fill:none;stroke-width:2.5;stroke-linecap:round;stroke:#8ec5fc;stroke-dasharray:90 2200;filter:drop-shadow(0 0 4px #8ec5fc) drop-shadow(0 0 10px #4a8fff) drop-shadow(0 0 20px rgba(46,93,255,.7));animation:electricFlow 5s linear infinite}.elec-1{animation-duration:3.2s;animation-delay:0s;stroke:#a0d0ff}.elec-2{animation-duration:4.1s;animation-delay:1.1s;stroke:#7eb8ff}.elec-3{animation-duration:3.7s;animation-delay:2.3s;stroke:#b0d8ff}.elec-4{animation-duration:5s;animation-delay:.5s;stroke:#8ec5fc}.elec-5{animation-duration:3.5s;animation-delay:3.1s;stroke:#a5d4ff}.elec-diag{animation-duration:6.2s;animation-delay:.8s;opacity:.6;stroke-dasharray:70 2500}.elec-diag-rev{animation-duration:5.8s;animation-delay:2s;opacity:.6;stroke-dasharray:70 2500}.elec-tail{fill:none;stroke-width:5;stroke-linecap:round;stroke:#2e78ff40;stroke-dasharray:130 2200;filter:blur(3px);animation:electricFlow 5s linear infinite}.tail-1{animation-duration:3.2s;animation-delay:0s}.tail-2{animation-duration:4.1s;animation-delay:1.1s}.tail-3{animation-duration:3.7s;animation-delay:2.3s}.tail-4{animation-duration:5s;animation-delay:.5s}.tail-5{animation-duration:3.5s;animation-delay:3.1s}@keyframes electricFlow{0%{stroke-dashoffset:2290}to{stroke-dashoffset:-90}}@keyframes float{0%,to{transform:translateY(0)}25%{transform:translateY(-12px)}50%{transform:translateY(-25px)}75%{transform:translateY(-12px)}}@keyframes slideDiagonal{0%,to{transform:translate(0) translateY(0)}50%{transform:translate(18px) translateY(18px)}}@keyframes slideDiagonalRev{0%,to{transform:translate(0) translateY(0)}50%{transform:translate(-18px) translateY(18px)}}.login-left{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:60px;padding:60px;position:relative;z-index:2}.logo-section{text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}.unab-logo-svg{filter:drop-shadow(0 8px 24px rgba(255,165,0,.4));animation:logoFloat 3s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0);filter:drop-shadow(0 8px 24px rgba(255,165,0,.4))}50%{transform:translateY(-8px);filter:drop-shadow(0 12px 32px rgba(255,165,0,.6))}}.nods-text{font-size:48px;font-weight:900;letter-spacing:8px;color:var(--text-light)}.nods-subtitle{font-size:12px;letter-spacing:2px;color:var(--text-gray);font-weight:600;text-transform:uppercase}.nods-logo{text-align:center;margin-bottom:20px}.nods-text{font-size:56px;font-weight:900;letter-spacing:6px;color:var(--text-light);margin-bottom:6px;text-shadow:0 4px 12px rgba(46,93,255,.3)}.nods-subtitle{font-size:10px;letter-spacing:2px;color:var(--text-gray);font-weight:600}.unab-logo{width:80px;height:80px;background:linear-gradient(135deg,var(--primary-color) 0%,#1a5fd9 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:40px;box-shadow:0 8px 24px #2e5dff4d}.logo-section h1{font-size:48px;font-weight:700;letter-spacing:8px;margin-bottom:8px}.logo-section p{font-size:14px;color:var(--text-gray);letter-spacing:2px}.features{display:flex;gap:40px;justify-content:center}.feature{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-gray);font-size:12px;letter-spacing:1px}.feature .icon{font-size:32px}.login-right{flex:1;display:flex;align-items:center;justify-content:center;padding:60px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:1px solid rgba(46,93,255,.2);position:relative;z-index:2}.login-box{width:100%;max-width:400px}.badge{display:inline-block;font-size:11px;color:var(--primary-color);letter-spacing:1px;margin-bottom:30px;font-weight:600;text-transform:uppercase;border-bottom:2px solid var(--primary-color);padding-bottom:10px}.login-box h2{font-size:36px;font-weight:700;margin-bottom:8px;color:var(--text-light)}.login-box>p{color:var(--text-gray);font-size:14px;margin-bottom:30px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:12px;color:var(--text-gray);letter-spacing:1px;margin-bottom:8px;font-weight:600}.input-wrapper{display:flex;align-items:center;gap:12px;background:#2e5dff1a;border:1px solid rgba(46,93,255,.3);border-radius:8px;padding:12px 16px;transition:all .3s ease}.input-wrapper:focus-within{border-color:var(--primary-color);background:#2e5dff26}.input-wrapper .icon{font-size:18px}.input-wrapper input{flex:1;background:none;border:none;color:var(--text-light);font-size:14px;outline:none}.input-wrapper input::placeholder{color:var(--text-gray)}.error-message{background:#ff6b6b1a;color:#ff6b6b;padding:10px 12px;border-radius:6px;font-size:12px;margin-bottom:16px;border-left:3px solid #ff6b6b}.login-btn{width:100%;padding:14px;background:linear-gradient(135deg,var(--primary-color) 0%,#1a5fd9 100%);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;letter-spacing:1px;cursor:pointer;transition:all .3s ease;margin-top:20px;box-shadow:0 4px 15px #2e5dff4d}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2e5dff66}.login-btn:disabled{opacity:.7;cursor:not-allowed}.footer-text{text-align:center;font-size:11px;color:var(--text-gray);letter-spacing:1px;margin-top:30px}.dashboard-container{display:flex;width:100%;min-height:100vh;background:#060d1a}.sidebar{width:260px;background:linear-gradient(180deg,#080f1e,#050c18);padding:28px 16px;border-right:1px solid rgba(46,93,255,.12);display:flex;flex-direction:column;gap:24px;position:fixed;height:100vh;overflow-y:auto}.sidebar-header{display:flex;align-items:center;justify-content:center;padding-bottom:20px;border-bottom:1px solid rgba(46,93,255,.12)}.sidebar-header h1{font-size:26px;letter-spacing:6px;color:var(--text-light);font-weight:800}.sidebar-logo{height:28px;width:auto}.tab-group{display:flex;gap:6px;background:#0003;border-radius:8px;padding:4px}.tab-btn{flex:1;padding:7px 8px;background:transparent;border:none;color:var(--text-gray);border-radius:6px;font-size:10px;font-weight:700;letter-spacing:.5px;cursor:pointer;transition:all .25s ease}.tab-btn.active{background:var(--primary-color);color:#fff;box-shadow:0 2px 8px #2e5dff66}.sidebar-nav{display:flex;flex-direction:column;gap:2px}.menu-item{display:flex;align-items:center;gap:14px;padding:12px 14px;color:var(--text-gray);cursor:pointer;border-radius:10px;transition:all .25s ease;font-size:13px;font-weight:600;letter-spacing:.3px}.menu-item:hover{background:#2e5dff1a;color:#7ea8ff}.menu-item.active{background:#2e5dff2e;color:#7ea8ff;border:1px solid rgba(46,93,255,.3)}.menu-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:#2e5dff1a;flex-shrink:0}.menu-item.active .menu-icon{background:var(--primary-color);color:#fff}.sidebar-footer{margin-top:auto;display:flex;align-items:center;gap:10px;padding:14px;background:#2e5dff0f;border-radius:12px;border:1px solid rgba(46,93,255,.1)}.avatar{width:36px;height:36px;background:linear-gradient(135deg,var(--primary-color),#1a5fd9);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#fff;flex-shrink:0;box-shadow:0 2px 8px #2e5dff66}.user-section{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.user-label{font-size:9px;color:var(--text-gray);letter-spacing:1px;font-weight:600}.user-name{font-size:13px;color:var(--text-light);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-btn{background:none;border:none;color:var(--text-gray);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:6px;transition:all .2s}.logout-btn:hover{background:#ff6b6b1a;color:#ff6b6b}.main-content{margin-left:260px;flex:1;padding:32px 40px;overflow-y:auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px}.header-left{display:flex;align-items:center;gap:20px}.dashboard-header h2{font-size:30px;font-weight:800;color:var(--text-light);letter-spacing:-.5px}.refresh-btn{display:flex;align-items:center;gap:7px;padding:8px 14px;background:transparent;border:1px solid rgba(46,93,255,.3);color:#7ea8ff;border-radius:8px;font-size:10px;font-weight:700;letter-spacing:1px;cursor:pointer;transition:all .25s}.refresh-btn:hover:not(:disabled){background:#2e5dff1a;border-color:var(--primary-color)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.header-right{display:flex;align-items:center;gap:12px}.programs-btn{display:flex;align-items:center;gap:8px;background:#2e5dff14;border:1px solid rgba(46,93,255,.25);color:var(--text-light);padding:10px 18px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .25s ease}.programs-btn:hover{background:#2e5dff26;border-color:var(--primary-color)}.programs-filter{position:relative}.programs-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:320px;max-height:360px;display:flex;flex-direction:column;background:#0d1b2e;border:1px solid rgba(46,93,255,.25);border-radius:10px;box-shadow:0 12px 32px #00000073;z-index:50;overflow:hidden}.programs-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.08);font-size:12px;font-weight:600;color:var(--text-light)}.programs-clear-btn{background:none;border:none;color:var(--primary-color);font-size:12px;font-weight:600;cursor:pointer}.programs-clear-btn:disabled{opacity:.4;cursor:not-allowed}.programs-dropdown-list{overflow-y:auto;padding:6px 0}.programs-dropdown-item{display:flex;align-items:center;gap:10px;padding:8px 14px;font-size:13px;color:var(--text-light);cursor:pointer}.programs-dropdown-item:hover{background:#2e5dff1a}.programs-dropdown-item input{accent-color:var(--primary-color)}.programs-dropdown-empty{padding:14px;font-size:13px;color:#ffffff80;text-align:center}.kpi-section{margin-bottom:36px}.kpi-section-header{display:flex;align-items:center;gap:10px;margin-bottom:18px}.kpi-section-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.kpi-section-dot.blue{background:#4a8fff;box-shadow:0 0 8px #4a8fff99}.kpi-section-dot.purple{background:#a855f7;box-shadow:0 0 8px #a855f799}.kpi-section-dot.teal{background:#14b8a6;box-shadow:0 0 8px #14b8a699}.kpi-section-dot.orange{background:#f97316;box-shadow:0 0 8px #f9731699}.kpi-section-title{font-size:11px;font-weight:700;color:var(--text-gray);letter-spacing:2px;text-transform:uppercase;white-space:nowrap}.kpi-section-line{flex:1;height:1px;background:linear-gradient(90deg,rgba(46,93,255,.2),transparent)}.kpi-grid{display:grid;gap:14px}.kpi-grid--2{grid-template-columns:repeat(2,1fr)}.kpi-grid--3{grid-template-columns:repeat(3,1fr)}.kpi-grid--4{grid-template-columns:repeat(4,1fr)}.kpi-grid--5{grid-template-columns:repeat(5,1fr)}.kpi-card{background:linear-gradient(145deg,#0d1b2e,#091422);border:1px solid rgba(46,93,255,.12);border-radius:14px;padding:18px 18px 16px;transition:all .28s ease;cursor:pointer;position:relative;overflow:hidden}.kpi-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;border-radius:14px 14px 0 0;opacity:0;transition:opacity .28s}.kpi-card--blue:after{background:linear-gradient(90deg,#2e5dff,#7ea8ff)}.kpi-card--indigo:after{background:linear-gradient(90deg,#4f46e5,#818cf8)}.kpi-card--purple:after{background:linear-gradient(90deg,#a855f7,#c084fc)}.kpi-card--green:after{background:linear-gradient(90deg,#00d084,#34d399)}.kpi-card--orange:after{background:linear-gradient(90deg,#f97316,#fb923c)}.kpi-card:hover{border-color:#2e5dff4d;transform:translateY(-3px);box-shadow:0 12px 32px #0006}.kpi-card:hover:after{opacity:1}.kpi-icon-wrapper{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.kpi-icon-wrapper.blue{background:#2e5dff2e;color:#7ea8ff}.kpi-icon-wrapper.indigo{background:#4f46e52e;color:#818cf8}.kpi-icon-wrapper.purple{background:#a855f72e;color:#c084fc}.kpi-icon-wrapper.green{background:#00d0842e;color:#00d084}.kpi-icon-wrapper.orange{background:#f973162e;color:#fb923c}.kpi-title{font-size:9px;color:var(--text-gray);letter-spacing:1.5px;font-weight:700;margin-bottom:6px;text-transform:uppercase}.kpi-value{font-size:34px;font-weight:800;color:var(--text-light);line-height:1;margin-bottom:12px;letter-spacing:-.5px}.kpi-badge{display:inline-block;font-size:9px;font-weight:700;letter-spacing:.3px;padding:3px 8px;border-radius:20px;text-transform:uppercase}.kpi-badge.neutral{background:#8b9cb51a;color:var(--text-gray);border:1px solid rgba(139,156,181,.2)}.kpi-badge.blue{background:#2e5dff1f;color:#7ea8ff;border:1px solid rgba(46,93,255,.25)}.kpi-badge.purple{background:#a855f71f;color:#c084fc;border:1px solid rgba(168,85,247,.25)}.kpi-badge.green{background:#00d0841f;color:#00d084;border:1px solid rgba(0,208,132,.25)}.kpi-badge.orange{background:#f973161f;color:#fb923c;border:1px solid rgba(249,115,22,.25)}.pagos-glosario-toggle{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--text-light);background:#8b9cb50f;border:1px solid rgba(139,156,181,.2);border-radius:20px;padding:6px 14px;margin-bottom:12px;cursor:pointer;transition:background .2s ease,border-color .2s ease}.pagos-glosario-toggle:hover{background:#8b9cb51f;border-color:#8b9cb559}.pagos-legend-row{display:flex;flex-wrap:wrap;gap:10px 20px;margin-bottom:18px}.pagos-legend-item{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--text-gray);background:#8b9cb50f;border:1px solid rgba(139,156,181,.15);border-radius:20px;padding:6px 12px}.pagos-legend-item strong{color:var(--text-light);font-weight:700}.pagos-legend-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.pagos-dot-verde-claro{background:#86efac}.pagos-dot-verde-oscuro{background:#16a34a}.pagos-dot-fucsia{background:#d946ef}.pagos-dot-rojo{background:#ef4444}.pagos-dot-naranja{background:#f97316}.pagos-dot-blanco{background:#e5e7eb}.pagos-dot-sin-clasificar{background:#2e5dff}.pagos-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.pagos-kpi-card{background:linear-gradient(145deg,#0d1b2e,#091422);border:1px solid rgba(139,156,181,.15);border-top:3px solid transparent;border-radius:14px;padding:18px;transition:all .28s ease}.pagos-kpi-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0006}.pagos-kpi-card--neutral{border-top-color:#2e5dff}.pagos-kpi-card--verde{border-top-color:#16a34a}.pagos-kpi-card--fucsia{border-top-color:#d946ef}.pagos-kpi-card--rojo{border-top-color:#ef4444}.pagos-kpi-card--naranja{border-top-color:#f97316}.pagos-kpi-card--blanco{border-top-color:#e5e7eb}.pagos-kpi-card--sin-clasificar{border-top-color:#2e5dff}.pagos-kpi-value{font-size:30px;font-weight:800;color:var(--text-light);line-height:1;margin-bottom:8px;letter-spacing:-.5px}.pagos-kpi-label{font-size:12px;font-weight:600;color:var(--text-light)}.pagos-kpi-sub{font-size:11px;color:var(--text-gray);margin-top:4px}.pagos-kpi-updated{font-size:11px;color:var(--text-gray);margin-top:12px;text-align:right}@media (max-width: 1200px){.pagos-kpi-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 700px){.pagos-kpi-grid{grid-template-columns:repeat(2,1fr)}}.programa-chart-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}.programa-kpi-select{background:#2e5dff14;border:1px solid rgba(46,93,255,.25);color:var(--text-light);font-size:12px;font-weight:600;padding:8px 12px;border-radius:10px;cursor:pointer}.programa-kpi-select option{background:#0d1b2e;color:var(--text-light)}.programa-kpi-select:focus-visible{outline:2px solid #7ea8ff;outline-offset:2px}.programa-utm-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.programa-utm-select{background:#8b9cb514;border:1px solid rgba(139,156,181,.2);color:var(--text-gray);font-size:11px;font-weight:600;padding:6px 10px;border-radius:8px;cursor:pointer}.programa-utm-select option{background:#0d1b2e;color:var(--text-light)}.programa-utm-select:focus-visible{outline:2px solid #7ea8ff;outline-offset:2px}.programa-bar-rows{display:flex;flex-direction:column;gap:2px}.programa-bar-row{display:grid;grid-template-columns:220px 1fr 64px;align-items:center;gap:12px;padding:5px 8px;border-radius:8px}.programa-bar-row:hover,.programa-bar-row:focus-visible{background:#2e5dff0f;outline:none}.programa-bar-label{font-size:12px;color:var(--text-gray);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.programa-bar-track{height:18px;background:#8b9cb514;border-radius:4px;overflow:hidden}.programa-bar-fill{display:block;height:100%;min-width:3px;background:linear-gradient(90deg,#2e5dff,#7ea8ff);border-radius:4px;transition:filter .15s ease}.programa-bar-row:hover .programa-bar-fill,.programa-bar-row:focus-visible .programa-bar-fill{filter:brightness(1.2)}.programa-bar-value{font-size:12px;font-weight:700;color:var(--text-light);text-align:right;font-variant-numeric:tabular-nums}@media (max-width: 700px){.programa-bar-row{grid-template-columns:120px 1fr 52px}.programa-chart-header{align-items:stretch}}.programa-pivot-wrapper{margin-top:20px}.programa-pivot-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px}.kpi-empty-section{display:flex;align-items:center;gap:14px;padding:20px 24px;border:1px dashed rgba(20,184,166,.25);border-radius:14px;background:#14b8a60a;color:#14b8a680}.kpi-empty-section p{font-size:13px;font-weight:500;letter-spacing:.3px}.error-banner{background:#ff6b6b14;border:1px solid rgba(255,107,107,.25);color:#f99;padding:14px 18px;border-radius:10px;margin-bottom:24px;font-size:13px}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:80px 20px}.spinner{width:36px;height:36px;border:3px solid rgba(46,93,255,.15);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.leads-section{display:flex;flex-direction:column;gap:16px}.leads-header{display:flex;align-items:center;gap:10px}.leads-title{font-size:11px;font-weight:700;color:var(--text-gray);letter-spacing:2px;text-transform:uppercase;white-space:nowrap}.leads-count{font-size:11px;color:var(--text-gray);white-space:nowrap;opacity:.7}.export-btn{display:flex;align-items:center;gap:7px;padding:8px 16px;background:#00d0841a;border:1px solid rgba(0,208,132,.3);color:#00d084;border-radius:8px;font-size:11px;font-weight:700;letter-spacing:.5px;cursor:pointer;transition:all .25s;white-space:nowrap;flex-shrink:0}.export-btn:hover:not(:disabled){background:#00d0842e;border-color:#00d084;box-shadow:0 0 12px #00d08433}.export-btn:disabled{opacity:.5;cursor:not-allowed}.leads-table-wrapper{overflow-x:auto;border-radius:12px;border:1px solid rgba(46,93,255,.12)}.leads-table{width:100%;border-collapse:collapse;font-size:12px;color:var(--text-light)}.leads-table thead{background:linear-gradient(145deg,#0d1b2e,#091422);position:sticky;top:0;z-index:1}.leads-table th{padding:12px 14px;text-align:left;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-gray);white-space:nowrap;border-bottom:1px solid rgba(46,93,255,.18)}.leads-table tbody tr{border-bottom:1px solid rgba(46,93,255,.07);transition:background .15s}.leads-table tbody tr:hover{background:#2e5dff0f}.leads-table td{padding:10px 14px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dce8ffd9}.cell-null{color:#8b9cb559}.cell-badge{display:inline-block;font-size:9px;font-weight:700;letter-spacing:.5px;padding:2px 8px;border-radius:20px}.cell-badge--yes{background:#00d0841f;color:#00d084;border:1px solid rgba(0,208,132,.25)}.cell-badge--no{background:#8b9cb514;color:var(--text-gray);border:1px solid rgba(139,156,181,.15)}.leads-pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 4px}.pagination-info{font-size:12px;color:var(--text-gray)}.pagination-controls{display:flex;align-items:center;gap:12px}.page-btn{padding:7px 16px;background:transparent;border:1px solid rgba(46,93,255,.3);color:#7ea8ff;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.page-btn:hover:not(:disabled){background:#2e5dff1a;border-color:var(--primary-color)}.page-btn:disabled{opacity:.3;cursor:not-allowed}.page-indicator{font-size:12px;color:var(--text-gray);min-width:90px;text-align:center}.semana-actual-badge{background:#2e5dff1f;border:1px solid rgba(46,93,255,.3);color:#7ea8ff;font-size:11px;font-weight:700;letter-spacing:.5px;padding:9px 16px;border-radius:10px;white-space:nowrap}.agentes-filters-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px;margin-bottom:18px}.agentes-filter-group{display:flex;flex-direction:column;gap:6px;min-width:150px}.agentes-filter-group label{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-gray)}.agentes-filter-select{background:#2e5dff14;border:1px solid rgba(46,93,255,.25);color:var(--text-light);font-size:12px;font-weight:600;padding:9px 12px;border-radius:10px;cursor:pointer}.agentes-filter-select option{background:#0d1b2e;color:var(--text-light)}.agentes-filter-select:focus-visible{outline:2px solid #7ea8ff;outline-offset:2px}.agentes-updated{font-size:11px;color:var(--text-gray);text-align:right;margin:-6px 4px 14px}.agentes-total-row td{background:#2e5dff29!important;color:var(--text-light);font-weight:700;border-top:2px solid rgba(46,93,255,.3)}.perf-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:10px;font-weight:700;letter-spacing:.3px;white-space:nowrap}.perf-critico{background:#ff6b6b1f;color:#f99;border:1px solid rgba(255,107,107,.3)}.perf-bajo,.perf-regular{background:#f973161f;color:#fb923c;border:1px solid rgba(249,115,22,.3)}.perf-bueno{background:#00d0841f;color:#00d084;border:1px solid rgba(0,208,132,.3)}.perf-muybueno{background:#00d08433;color:#34f0a8;border:1px solid rgba(0,208,132,.4)}.perf-excelente{background:#00d084;color:#06131f}@media (max-width: 700px){.agentes-filters-bar{flex-direction:column;align-items:stretch}.agentes-filter-group{min-width:0}}@media (max-width: 1100px){.kpi-grid--4{grid-template-columns:repeat(2,1fr)}.kpi-grid--5{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.kpi-grid--3,.kpi-grid--4,.kpi-grid--5{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.login-container{flex-direction:column}.login-left{display:none}.login-right{border-left:none;border-top:1px solid rgba(46,93,255,.2)}.sidebar{width:64px;padding:16px 8px;gap:16px}.sidebar-header h1,.sidebar-logo,.menu-item span,.tab-group,.user-section{display:none}.menu-item{justify-content:center;padding:10px}.main-content{margin-left:64px;padding:20px}.kpi-grid{grid-template-columns:1fr}.header-left{gap:10px}.refresh-btn span{display:none}}:root{--primary-color: #2e5dff;--primary-dark: #091525;--bg-dark: #050d1a;--bg-darker: #020810;--text-light: #ffffff;--text-gray: #8b9cb5;--border-color: #1e2635;--success-color: #00d084;--warning-color: #ff6b6b}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-darker);color:var(--text-light);overflow-x:hidden}#root{width:100%;min-height:100vh}