:root{--bg-main: #0B0F19;--bg-card: rgba(17, 24, 39, .75);--bg-card-hover: rgba(30, 41, 59, .85);--bg-glass: rgba(255, 255, 255, .03);--border-color: rgba(255, 255, 255, .08);--border-highlight: rgba(99, 102, 241, .3);--text-primary: #F8FAFC;--text-secondary: #94A3B8;--text-muted: #64748B;--accent-cyan: #06B6D4;--accent-blue: #3B82F6;--accent-indigo: #6366F1;--accent-purple: #8B5CF6;--status-activa-bg: rgba(16, 185, 129, .15);--status-activa-border: rgba(16, 185, 129, .3);--status-activa-text: #34D399;--status-bloqueada-bg: rgba(239, 68, 68, .15);--status-bloqueada-border: rgba(239, 68, 68, .3);--status-bloqueada-text: #F87171;--status-suspendida-bg: rgba(245, 158, 11, .15);--status-suspendida-border: rgba(245, 158, 11, .3);--status-suspendida-text: #FBBF24;--status-excepcion-bg: rgba(59, 130, 246, .15);--status-excepcion-border: rgba(59, 130, 246, .35);--status-excepcion-text: #3B82F6;--status-validacion-bg: rgba(245, 158, 11, .2);--status-validacion-border: rgba(245, 158, 11, .5);--status-validacion-text: #F59E0B;--font-heading: "Outfit", -apple-system, sans-serif;--font-body: "Inter", -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-body);min-height:100vh;line-height:1.5;background-image:radial-gradient(at 0% 0%,rgba(99,102,241,.12) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(6,182,212,.1) 0px,transparent 50%),radial-gradient(at 50% 100%,rgba(139,92,246,.08) 0px,transparent 50%);background-attachment:fixed}.glass-panel{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 10px 30px -10px #00000080;transition:all .25s cubic-bezier(.4,0,.2,1)}.glass-panel:hover{border-color:#ffffff26;box-shadow:0 14px 40px -10px #0009}.app-container{max-width:1440px;margin:0 auto;padding:24px}.navbar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;margin-bottom:24px}.brand{display:flex;align-items:center;gap:12px}.brand-icon{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--accent-indigo),var(--accent-cyan));display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 15px #6366f166}.brand-logo-img{height:46px;width:auto;border-radius:10px;object-fit:contain;box-shadow:0 4px 12px #0003}.brand-title{font-family:var(--font-heading);font-size:1.35rem;font-weight:800;letter-spacing:-.5px;color:var(--text-primary)}.brand-subtitle{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.nav-actions{display:flex;align-items:center;gap:10px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;font-weight:600;font-size:.875rem;border:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--accent-indigo),#4F46E5);color:#fff;box-shadow:0 4px 14px #6366f159}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #6366f180}.btn-secondary{background:#ffffff0d;color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.btn-excel{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 14px #10b98159}.btn-excel:hover{transform:translateY(-1px);box-shadow:0 6px 20px #10b98180}.btn-orange{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;box-shadow:0 4px 14px #f9731659}.btn-orange:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #f9731680}.btn-blue{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 14px #3b82f659}.btn-blue:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #3b82f680}.text-cyan{color:#06b6d4!important}.icon-cyan{background:#06b6d426;color:#06b6d4}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.kpi-card{padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}.kpi-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--accent-indigo)}.kpi-card.critical:before{background:var(--status-bloqueada-text)}.kpi-card.warning:before{background:var(--status-suspendida-text)}.kpi-card.success:before{background:var(--status-activa-text)}.kpi-card.purple:before{background:var(--status-validacion-text)}.kpi-header{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--text-secondary);font-size:.85rem;font-weight:500;width:100%}.kpi-value{font-family:var(--font-heading);font-size:2.2rem;font-weight:800;margin:8px 0;letter-spacing:-1px;text-align:center}.kpi-subtext,.kpi-footer{font-size:.75rem;color:var(--text-muted);text-align:center}.alert-banner{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;margin-bottom:24px;border-radius:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.alert-banner-content{display:flex;align-items:center;gap:12px;font-size:.9rem}.alert-banner-actions{display:flex;flex-direction:row;align-items:center;gap:12px}.table-header-toolbar{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.tab-group{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.tab-btn{padding:8px 14px;border-radius:8px;font-size:.8rem;font-weight:600;background:#ffffff08;color:var(--text-secondary);border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:all .2s ease}.tab-btn:hover{color:var(--text-primary);background:#ffffff14}.tab-btn.active{background:#6366f133;color:#a5b4fc;border-color:#6366f166}.tab-badge{font-size:.75rem;opacity:.85;margin-left:4px;font-weight:700}.table-sub-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-top:12px;border-top:1px solid var(--border-color)}.table-result-count{font-size:.85rem;color:var(--text-secondary)}.search-box{display:flex;align-items:center;gap:8px;background:#ffffff0a;border:1px solid var(--border-color);padding:8px 14px;border-radius:10px;min-width:280px;transition:all .2s ease}.search-box input{background:transparent;border:none;outline:none;color:var(--text-primary);font-size:.875rem;width:100%}.table-responsive{width:100%;overflow-x:auto;border-radius:12px}.data-table{width:100%;border-collapse:separate;border-spacing:0;text-align:left;font-size:.85rem;table-layout:auto}.data-table th{background:#0f172ae6;color:var(--text-secondary);font-weight:600;padding:12px 10px;border-bottom:1px solid var(--border-color);vertical-align:middle}.data-table td{padding:12px 10px;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle}.data-table tr:hover td{background:#ffffff05}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;white-space:nowrap}.badge-activa{background:var(--status-activa-bg);color:var(--status-activa-text);border:1px solid var(--status-activa-border)}.badge-bloqueada{background:var(--status-bloqueada-bg);color:var(--status-bloqueada-text);border:1px solid var(--status-bloqueada-border)}.badge-suspendida{background:var(--status-suspendida-bg);color:var(--status-suspendida-text);border:1px solid var(--status-suspendida-border)}.badge-excepcion{background:var(--status-excepcion-bg);color:var(--status-excepcion-text);border:1px solid var(--status-excepcion-border)}.badge-validacion{background:var(--status-validacion-bg);color:var(--status-validacion-text);border:1px solid var(--status-validacion-border)}.badge-desvinculada{background:#94a3b826;color:#94a3b8;border:1px solid rgba(148,163,184,.3)}.badge-neutral{background:#ffffff0d;color:#64748b;border:1px solid rgba(255,255,255,.1)}.progress-bar-container{width:100px;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-top:4px}.progress-bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.progress-bar-fill.normal{background:#10b981}.progress-bar-fill.warning{background:#f59e0b}.progress-bar-fill.critical{background:#ef4444}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.login-card{width:100%;max-width:400px;padding:36px;border-radius:20px}.form-group{margin-bottom:20px}.form-label{display:block;font-size:.8rem;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.form-input{width:100%;padding:12px 14px;border-radius:10px;background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-primary);font-size:.9rem;outline:none}.form-input:focus{border-color:var(--accent-indigo);box-shadow:0 0 0 3px #6366f140}.pulse-dot{width:8px;height:8px;border-radius:50%;background-color:#10b981;box-shadow:0 0 #10b981b3;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}body.light-theme{--bg-main: #F1F5F9;--bg-card: rgba(255, 255, 255, .92);--bg-card-hover: rgba(255, 255, 255, .98);--bg-glass: rgba(255, 255, 255, .7);--border-color: #CBD5E1;--border-highlight: rgba(99, 102, 241, .4);--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #64748B;--status-activa-bg: rgba(16, 185, 129, .12);--status-activa-border: rgba(16, 185, 129, .4);--status-activa-text: #059669;--status-bloqueada-bg: rgba(239, 68, 68, .12);--status-bloqueada-border: rgba(239, 68, 68, .4);--status-bloqueada-text: #DC2626;--status-suspendida-bg: rgba(245, 158, 11, .12);--status-suspendida-border: rgba(245, 158, 11, .4);--status-suspendida-text: #D97706;--status-excepcion-bg: rgba(59, 130, 246, .12);--status-excepcion-border: rgba(59, 130, 246, .4);--status-excepcion-text: #2563EB;--status-validacion-bg: rgba(168, 85, 247, .12);--status-validacion-border: rgba(168, 85, 247, .4);--status-validacion-text: #9333EA;background-color:#f1f5f9;color:#0f172a;background-image:radial-gradient(at 0% 0%,rgba(99,102,241,.06) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(6,182,212,.05) 0px,transparent 50%),radial-gradient(at 50% 100%,rgba(139,92,246,.04) 0px,transparent 50%)}body.light-theme .brand-title{color:#0f172a!important;background:none!important;-webkit-text-fill-color:#0F172A!important}body.light-theme .brand-subtitle{color:#475569!important;font-weight:600!important}body.light-theme .glass-panel{box-shadow:0 10px 25px -5px #0000000f;border:1px solid #CBD5E1}body.light-theme table th{background:#f1f5f9;color:#0f172a;border-bottom:2px solid #CBD5E1}body.light-theme table td{border-bottom:1px solid #E2E8F0}body.light-theme tbody tr:hover{background:#f8fafc}body.light-theme .search-box{background:#fff;border:1px solid #CBD5E1}body.light-theme .search-box input{color:#0f172a}body.light-theme .tab-btn{background:#fff;color:#475569;border:1px solid #E2E8F0}body.light-theme .tab-btn:hover{background:#f8fafc;color:#0f172a}body.light-theme .tab-btn.active{background:#3b82f6;color:#fff;border-color:#2563eb}body.light-theme .btn-secondary{background:#fff;color:#1e293b;border:1px solid #CBD5E1}body.light-theme .btn-secondary:hover{background:#f8fafc;border-color:#94a3b8}body.light-theme .form-input{background:#fff;border:1px solid #CBD5E1;color:#0f172a}body.light-theme .modal-container{background:#fff;border:1px solid #CBD5E1}