@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{box-sizing:border-box;background-color:#0a0c10;margin:0;padding:0}body{color:#f3f4f6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0c10;margin:0;padding:0;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{flex-direction:column;width:100%;max-width:100%;min-height:100vh;margin:0;padding:0;display:flex}*{box-sizing:border-box}:root{--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-main:#0a0c10;--bg-sidebar:#0f121a;--bg-card:#161c29a6;--bg-card-hover:#1e273acc;--border-color:#ffffff12;--border-glow:#3b82f633;--primary:#3b82f6;--primary-glow:#3b82f64d;--secondary:#8b5cf6;--secondary-glow:#8b5cf64d;--success:#10b981;--success-glow:#10b98133;--warning:#f59e0b;--warning-glow:#f59e0b33;--danger:#ef4444;--danger-glow:#ef444440;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--shadow-sm:0 2px 8px #00000080;--shadow-md:0 8px 24px #0009;--shadow-glow:0 0 25px #3b82f626;--transition-fast:.2s ease;--transition-normal:.3s cubic-bezier(.4, 0, .2, 1)}.visum-app-container{background-color:var(--bg-main);min-height:100vh;color:var(--text-primary);font-family:var(--font-body);box-sizing:border-box;display:flex;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0f121a80}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.visum-sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);box-sizing:border-box;z-index:10;flex-direction:column;flex-shrink:0;justify-content:space-between;width:280px;padding:24px;display:flex;position:relative}.visum-logo-container{border-bottom:1px solid var(--border-color);align-items:center;gap:12px;margin-bottom:24px;padding-bottom:24px;display:flex}.visum-logo-mark{background:linear-gradient(135deg, var(--primary), var(--secondary));width:38px;height:38px;font-family:var(--font-heading);color:#fff;box-shadow:0 0 15px var(--primary-glow);border-radius:10px;justify-content:center;align-items:center;font-size:20px;font-weight:800;display:flex}.visum-logo-text{flex-direction:column;display:flex}.visum-title{font-family:var(--font-heading);letter-spacing:-.5px;background:linear-gradient(90deg,#fff,#93c5fd);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:22px;font-weight:700}.visum-subtitle{color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:600}.visum-nav{flex-direction:column;flex-grow:1;gap:8px;display:flex}.visum-nav-item{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:14px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.visum-nav-item:hover{color:var(--text-primary);background:#ffffff08}.visum-nav-item.active{color:#fff;background:#3b82f61a;border-color:#3b82f640;box-shadow:0 0 15px #3b82f60d}.visum-nav-icon{width:18px;height:18px}.visum-sidebar-footer{border-top:1px solid var(--border-color);margin-top:24px;padding-top:16px}.visum-project-summary-box{border:1px solid var(--border-color);background:#ffffff05;border-radius:10px;padding:12px}.visum-project-meta-row{justify-content:space-between;margin-bottom:6px;font-size:11px;display:flex}.visum-project-meta-row:last-child{margin-bottom:0}.visum-project-meta-label{color:var(--text-muted)}.visum-project-meta-value{color:var(--text-primary);font-weight:600}.visum-content-wrapper{box-sizing:border-box;flex-direction:column;flex-grow:1;max-width:calc(100% - 280px);padding:32px;display:flex;overflow-y:auto}.visum-topbar{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.visum-page-title-box h1{font-family:var(--font-heading);color:#fff;text-align:left;letter-spacing:-.5px;margin:0 0 4px;font-size:32px;font-weight:700}.visum-page-title-box p{color:var(--text-secondary);text-align:left;font-size:14px}.visum-topbar-actions{gap:12px;display:flex}.btn-premium{cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--border-color);border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), #2563eb);color:#fff;border:none;box-shadow:0 4px 12px #3b82f640}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #3b82f659}.btn-secondary{color:var(--text-primary);background:#ffffff08}.btn-secondary:hover{background:#ffffff0f}.visum-alert-banner{background:linear-gradient(135deg,#ef444426,#ef444408);border:1px solid #ef444459;border-radius:16px;align-items:center;gap:20px;margin-bottom:28px;padding:18px 24px;animation:3s ease-in-out infinite borderGlowRed;display:flex;position:relative;overflow:hidden;box-shadow:0 0 20px #ef44441a}@keyframes borderGlowRed{0%,to{border-color:#ef444459;box-shadow:0 0 15px #ef444414}50%{border-color:#ef4444b3;box-shadow:0 0 25px #ef444440}}.visum-alert-icon-box{width:44px;height:44px;color:var(--danger);background:#ef444433;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;animation:1.5s ease-in-out infinite pulseIcon;display:flex}@keyframes pulseIcon{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.visum-alert-text{text-align:left;flex-grow:1}.visum-alert-title{font-family:var(--font-heading);color:#fff;letter-spacing:.2px;margin-bottom:4px;font-size:15px;font-weight:700}.visum-alert-desc{color:#fca5a5;font-size:13.5px;line-height:1.4}.visum-alert-badges{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.badge-alert-urgent{background-color:var(--danger);color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:800}.badge-alert-days{color:var(--text-secondary);background:#0003;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.visum-kpi-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px;display:grid}.visum-kpi-card{background:var(--bg-card);border:1px solid var(--border-color);transition:all var(--transition-normal);text-align:left;box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;justify-content:space-between;padding:20px;display:flex;position:relative;overflow:hidden}.visum-kpi-card:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-md);border-color:#ffffff1f;transform:translateY(-2px)}.visum-kpi-card.glow-primary:hover{border-color:#3b82f64d;box-shadow:0 8px 30px #3b82f61f}.visum-kpi-card.glow-danger:hover{border-color:#ef44444d;box-shadow:0 8px 30px #ef44441f}.visum-kpi-card.glow-warning:hover{border-color:#f59e0b4d;box-shadow:0 8px 30px #f59e0b1f}.visum-kpi-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.visum-kpi-label{text-transform:uppercase;letter-spacing:.8px;color:var(--text-secondary);font-size:12px;font-weight:700}.visum-kpi-icon-wrapper{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.kpi-icon-blue{color:var(--primary);background:#3b82f61a}.kpi-icon-purple{color:var(--secondary);background:#8b5cf61a}.kpi-icon-green{color:var(--success);background:#10b9811a}.kpi-icon-orange{color:var(--warning);background:#f59e0b1a}.kpi-icon-red{color:var(--danger);background:#ef44441a}.visum-kpi-value{font-family:var(--font-heading);color:#fff;margin-bottom:6px;font-size:26px;font-weight:700;line-height:1.2}.visum-kpi-footer{align-items:center;gap:6px;font-size:12px;display:flex}.visum-kpi-trend{border-radius:4px;align-items:center;gap:2px;font-weight:600;display:inline-flex}.trend-up{color:var(--success)}.trend-down{color:var(--danger)}.trend-neutral{color:var(--warning)}.visum-kpi-subtext{color:var(--text-muted)}.visum-dashboard-row{grid-template-columns:2fr 1fr;gap:24px;margin-bottom:28px;display:grid}.visum-dashboard-row.equal{grid-template-columns:1fr 1fr}.visum-dashboard-row.full-width{grid-template-columns:1fr}.visum-panel{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:20px;flex-direction:column;padding:24px;display:flex}.visum-panel-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.visum-panel-title{font-family:var(--font-heading);color:#fff;align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.visum-panel-subtitle{color:var(--text-muted);margin-top:2px;font-size:12px;font-weight:400}.visum-panel-actions{gap:8px;display:flex}.visum-dials-container{flex-wrap:wrap;justify-content:space-around;align-items:center;gap:20px;height:100%;padding:16px 0;display:flex}.visum-dial-box{text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.visum-dial-circular{justify-content:center;align-items:center;width:90px;height:90px;margin-bottom:12px;display:flex;position:relative}.visum-dial-value-center{font-family:var(--font-heading);color:#fff;font-size:18px;font-weight:700;position:absolute}.visum-dial-label{color:var(--text-secondary);font-size:13px;font-weight:600}.visum-dial-sub{color:var(--text-muted);margin-top:2px;font-size:11px}.circle-bg{fill:none;stroke:#ffffff0a}.circle-progress{fill:none;stroke-linecap:round;transition:stroke-dashoffset .8s ease-in-out}.visum-license-list{flex-direction:column;gap:12px;display:flex}.visum-license-item{border:1px solid var(--border-color);transition:all var(--transition-fast);background:#ffffff05;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.visum-license-item:hover{background:#ffffff0a;border-color:#ffffff1a}.visum-license-item.urgent{background:#ef444408;border-color:#ef44444d}.visum-license-item.soon{background:#f59e0b08;border-color:#f59e0b4d}.visum-lic-meta{text-align:left;align-items:center;gap:12px;display:flex}.visum-lic-icon-indicator{border-radius:50%;width:10px;height:10px}.indicator-red{background-color:var(--danger);box-shadow:0 0 8px var(--danger)}.indicator-orange{background-color:var(--warning);box-shadow:0 0 8px var(--warning)}.indicator-green{background-color:var(--success)}.visum-lic-title{color:#fff;font-size:13.5px;font-weight:600}.visum-lic-exp{color:var(--text-muted);margin-top:1px;font-size:11.5px}.visum-lic-status{text-align:right}.lic-days-tag{border-radius:6px;padding:4px 8px;font-size:11px;font-weight:700}.lic-days-tag.danger{color:#fca5a5;background:#ef444426}.lic-days-tag.warning{color:#fde047;background:#f59e0b26}.lic-days-tag.green{color:#a7f3d0;background:#10b98126}.evm-explanation-panel{text-align:left;background:#3b82f608;border:1px solid #3b82f61f;border-radius:16px;margin-bottom:24px;padding:20px}.evm-explanation-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px;display:grid}.evm-exp-card{border:1px solid var(--border-color);background:#0003;border-radius:12px;padding:14px}.evm-exp-card.critical{background:#ef444405;border-color:#ef444433}.evm-exp-title{text-transform:uppercase;color:var(--text-secondary);margin-bottom:6px;font-size:12px;font-weight:700}.evm-exp-val{font-family:var(--font-heading);margin-bottom:4px;font-size:20px;font-weight:700}.evm-exp-val.red{color:var(--danger)}.evm-exp-val.orange{color:var(--warning)}.evm-exp-val.green{color:var(--success)}.evm-exp-desc{color:var(--text-muted);font-size:11.5px;line-height:1.35}.visum-table-container{border:1px solid var(--border-color);border-radius:12px;overflow-x:auto}.visum-table{border-collapse:collapse;text-align:left;width:100%;font-size:13.5px}.visum-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color);background:#0f121ab3;padding:14px 16px;font-size:11.5px;font-weight:600}.visum-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);padding:14px 16px}.visum-table tr:last-child td{border-bottom:none}.visum-table tr:hover td{background:#ffffff04}.tag-status{text-transform:uppercase;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-block}.tag-status.en_curso{color:#93c5fd;background:#3b82f61f}.tag-status.desviado{color:#fca5a5;background:#ef44441f}.tag-status.completo{color:#a7f3d0;background:#10b9811f}.tag-status.fuera_ppto{color:#ddd6fe;background:#8b5cf61f}.visum-filter-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.visum-search-input-wrapper{flex-grow:1;max-width:320px;position:relative}.visum-search-input{border:1px solid var(--border-color);color:#fff;width:100%;transition:all var(--transition-fast);background:#ffffff08;border-radius:10px;outline:none;padding:8px 12px 8px 36px;font-size:13px}.visum-search-input:focus{border-color:var(--primary);background:#ffffff0d}.visum-search-icon{width:14px;height:14px;color:var(--text-muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.visum-filter-buttons{gap:6px;display:flex}.btn-filter{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:#ffffff05;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600}.btn-filter:hover{color:var(--text-primary);background:#ffffff0a}.btn-filter.active{border-color:var(--primary);color:#fff;background:#3b82f61f}.adicionales-summary-banner{text-align:left;background:linear-gradient(135deg,#8b5cf61f,#3b82f60a);border:1px solid #8b5cf633;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px;display:flex}.adicionales-banner-left{max-width:70%}.adicionales-banner-title{font-family:var(--font-heading);color:#fff;margin-bottom:4px;font-size:16px;font-weight:700}.adicionales-banner-desc{color:var(--text-secondary);font-size:12.5px;line-height:1.4}.adicionales-banner-stat{text-align:right;flex-shrink:0}.adicionales-stat-num{font-family:var(--font-heading);color:var(--secondary);font-size:26px;font-weight:800}.adicionales-stat-label{color:var(--text-muted);text-transform:uppercase;margin-top:2px;font-size:11px;font-weight:600}.lookahead-grid-board{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:16px;display:grid}.lookahead-sector-col{flex-direction:column;gap:12px;display:flex}.lookahead-sector-title{font-family:var(--font-heading);color:#fff;border-bottom:1px solid var(--border-color);text-align:center;padding-bottom:8px;font-size:13.5px;font-weight:700}.lookahead-card{border:1px solid var(--border-color);text-align:left;transition:all var(--transition-fast);background:#ffffff05;border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.lookahead-card:hover{background:#ffffff0a;border-color:#ffffff1f;transform:translateY(-1px)}.lookahead-card.completo{border-left:3px solid var(--success)}.lookahead-card.en_progreso{border-left:3px solid var(--primary);background:#3b82f605}.lookahead-card.programado{border-left:3px solid var(--text-muted)}.lookahead-card-header{justify-content:space-between;align-items:center;display:flex}.lookahead-card-level{color:#fff;background:#ffffff0d;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700}.lookahead-card-badge{text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:800}.lookahead-card-badge.completo{color:#a7f3d0;background:#10b9811f}.lookahead-card-badge.en_progreso{color:#93c5fd;background:#3b82f61f}.lookahead-card-badge.programado{color:var(--text-secondary);background:#ffffff0f}.lookahead-card-desc{color:var(--text-secondary);margin-top:4px;font-size:12px;line-height:1.35}.lookahead-card-type{color:var(--text-muted);text-transform:uppercase;margin-top:auto;font-size:10px;font-weight:600}.critical-intro{text-align:left;color:var(--text-secondary);margin-bottom:24px;font-size:14.5px;line-height:1.5}.critical-points-container{flex-direction:column;gap:20px;display:flex}.critical-point-row{border:1px solid var(--border-color);text-align:left;transition:all var(--transition-fast);background:#ffffff05;border-radius:16px;align-items:flex-start;gap:20px;padding:24px;display:flex}.critical-point-row:hover{background:#ffffff0a;border-color:#ffffff1a}.critical-point-row.critical-alert-active{background:#ef444405;border-color:#ef44444d}.critical-point-num{width:38px;height:38px;font-family:var(--font-heading);color:#fff;background:#ffffff0d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.critical-point-row.critical-alert-active .critical-point-num{color:var(--danger);background:#ef444426}.critical-point-info{flex-grow:1}.critical-point-title{font-family:var(--font-heading);color:#fff;align-items:center;gap:8px;margin-bottom:6px;font-size:16.5px;font-weight:700;display:flex}.critical-point-badge{text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:800}.critical-point-badge.alta{color:#fca5a5;background:#ef444426}.critical-point-badge.media{color:#fde047;background:#f59e0b26}.critical-point-body{color:var(--text-secondary);margin-bottom:12px;font-size:13.5px;line-height:1.45}.critical-point-actions-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-primary);margin-bottom:6px;font-size:11px;font-weight:700}.critical-point-actions-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.critical-point-action-li{color:#93c5fd;align-items:center;gap:8px;font-size:12.5px;display:flex}.critical-point-action-li:before{content:"→";color:var(--primary);font-weight:700}.visum-chart-tooltip{background:var(--bg-sidebar);border:1px solid var(--border-color);box-shadow:var(--shadow-md);text-align:left;border-radius:8px;padding:12px}.visum-chart-tooltip-title{color:#fff;margin-bottom:6px;font-size:12px;font-weight:700}.visum-chart-tooltip-item{color:var(--text-secondary);justify-content:space-between;gap:16px;margin-bottom:2px;font-size:11.5px;display:flex}.visum-chart-tooltip-item:last-child{margin-bottom:0}@media (width<=1024px){.visum-app-container{flex-direction:column}.visum-sidebar{border-right:none;border-bottom:1px solid var(--border-color);width:100%}.visum-content-wrapper{max-width:100%;padding:20px}.visum-kpi-grid{grid-template-columns:repeat(2,1fr)}.visum-dashboard-row,.lookahead-grid-board{grid-template-columns:1fr}}@media (width<=640px){.visum-kpi-grid{grid-template-columns:1fr}}