:root{--bg-base:#051c2c;--bg-panel:#0a2738;--bg-panel-hover:#0e3044;--border-color:#adcbe21f;--border-glow:#e7003340;--bg-sidebar:#03141f;--primary:#e70033;--primary-hi:#ff617b;--primary-glow:#e7003326;--secondary:#60a5fa;--secondary-glow:#60a5fa26;--accent:#d9a514;--danger:#ef4444;--ok:#10b981;--orange:#e8833a;--text-primary:#e9eef3;--text-secondary:#a3b5c4;--text-muted:#8298ac;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-heading:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Cascadia Code", Consolas, monospace;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;font-family:var(--font-sans);color:var(--text-primary);background-color:var(--bg-base);box-sizing:border-box}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;margin:0;padding:0}body{background-color:var(--bg-base);color:var(--text-primary);overflow-x:hidden}body p,body h1,body h2,body h3,body h4,body h5,body h6{margin:0;padding:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#e7003359}.orb-1,.orb-2{display:none}#root{width:100vw;min-height:100vh;display:flex}.app-layout{z-index:1;width:100%;min-height:100vh;display:flex;position:relative}.sidebar{background:var(--bg-sidebar,#03141f);border-right:1px solid var(--border-color);z-index:10;flex-direction:column;flex-shrink:0;width:260px;padding:20px 14px;transition:width .3s;display:flex;overflow-y:auto}.sidebar-brand{align-items:center;gap:12px;margin-bottom:28px;padding:8px 10px;display:flex}.sidebar-logo{flex-shrink:0;width:36px;height:36px}.brand-title{font-family:var(--font-heading);letter-spacing:-.5px;color:var(--text-primary);font-size:20px;font-weight:800}.brand-subtitle{color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase;font-size:10px;font-weight:600}.sidebar-menu{flex-direction:column;flex:1;gap:4px;display:flex}.nav-item{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.nav-item:hover{color:var(--text-primary);background:#ffffff08;transform:translate(2px)}.nav-item.active{color:var(--primary-hi);background:#e700331a;border-color:#e700334d;font-weight:600}.nav-item svg{flex-shrink:0;width:18px;height:18px}.nav-badge{color:var(--primary-hi);background:#e7003324;border-radius:4px;margin-left:auto;padding:2px 6px;font-size:9px;font-weight:700}.nav-item-accent .nav-badge{color:var(--accent);background:#d9a51426}.sidebar-divider{background:var(--border-color);height:1px;margin:12px 8px}.sidebar-footer{border-radius:var(--radius-sm);border:1px solid var(--border-color);color:var(--text-muted);background:#ffffff03;margin-top:auto;padding:12px;font-size:10px;line-height:1.6}.system-status-indicator{align-items:center;gap:8px;margin-bottom:4px;display:flex}.system-dot{background:var(--ok);border-radius:50%;flex-shrink:0;width:8px;height:8px}@keyframes pulse-green{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 8px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.main-content{flex-direction:column;flex-grow:1;height:100vh;display:flex;overflow:hidden}.main-header{border-bottom:1px solid var(--border-color);background:var(--bg-base);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:20px 36px;display:flex}.view-header{background:var(--bg-base);border-bottom:1px solid var(--border-color);margin-bottom:18px;padding:18px 0 0}.view-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.view-header-titles{min-width:0}.view-header-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.freshness-box{border:1px solid var(--border-color);border-radius:var(--radius-sm);white-space:nowrap;background:#ffffff05;flex-direction:column;justify-content:center;align-items:flex-end;margin-left:auto;padding:3px 12px;line-height:1.1;display:flex}.freshness-label{letter-spacing:.4px;text-transform:uppercase;color:var(--text-muted);font-size:10px;font-weight:600}.freshness-value{font-family:var(--font-mono);color:var(--text-secondary);font-size:12.5px;font-weight:700}.view-header-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.view-header-tabs{scrollbar-width:none;gap:2px;margin-top:14px;display:flex;overflow-x:auto}.view-header-tabs::-webkit-scrollbar{display:none}.view-tab{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:9px 15px;font-size:13.5px;font-weight:600;transition:color .15s,border-color .15s}.view-tab:hover{color:var(--text-primary)}.view-tab.active{color:var(--text-primary);border-bottom-color:var(--accent);font-weight:700}.main-header-info{flex-direction:column;gap:2px;display:flex}.view-title{font-family:var(--font-heading);letter-spacing:-.5px;font-size:24px;font-weight:800}.view-subtitle{color:var(--text-muted);font-size:12px;font-weight:500}.main-header-controls{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.comp-filters{gap:6px;display:flex}.filter-btn{border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;min-height:32px;color:var(--text-secondary);font-size:12px;font-weight:600;font-family:var(--font-sans);background:#ffffff05;padding:8px 16px;transition:all .2s}.filter-btn:hover{color:var(--text-primary);background:#ffffff0d}.filter-btn.active{color:var(--primary-hi);background:#e700331a;border-color:#e7003359}.header-time-display{font-family:var(--font-mono);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#ffffff05;padding:6px 12px;font-size:12px}.header-user-badge{color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.user-avatar-circle{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:flex}.main,.tab-content{flex-direction:column;flex:1;gap:16px;min-height:0;padding:28px 36px;display:flex;overflow-y:auto}.grid-container{grid-template-columns:repeat(24,1fr);gap:16px;display:grid}.w-6{grid-column:span 6}.w-8{grid-column:span 8}.w-9{grid-column:span 9}.w-12{grid-column:span 12}.w-15{grid-column:span 15}.w-16{grid-column:span 16}.w-18{grid-column:span 18}.w-24{grid-column:span 24}.panel-card,.card{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:22px;transition:background .2s,border-color .2s;position:relative}.panel-card:hover,.card:hover{background:var(--bg-panel-hover);border-color:#ffffff1a}.card-top{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.card-title-group{flex-direction:column;gap:2px;display:flex}.card-title{font-family:var(--font-heading);color:var(--text-primary);font-size:15px;font-weight:700}.card-subtitle{color:var(--text-muted);font-size:11px;font-weight:500}.card-badge{text-transform:uppercase;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:700}.badge-green{color:#34d399;background:#10b9811f}.badge-amber,.badge-yellow{color:#d9a514;background:#d9a5141f}.badge-red{color:#ef4444;background:#ef44441f}.badge-blue{color:#60a5fa;background:#60a5fa1f}.badge-neutral{color:var(--text-secondary);background:#ffffff0d}.demo-data-badge{color:var(--accent);letter-spacing:.5px;background:#d9a5141a;border-radius:4px;padding:3px 8px;font-size:9px;font-weight:700}.kpis-mvp-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.kpi-tile{border:1px solid var(--border-color);border-radius:var(--radius-md);border-left:4px solid var(--text-muted);cursor:default;background:#ffffff05;padding:16px;transition:all .25s}.kpi-tile:hover{background:#ffffff0a;transform:translateY(-2px);box-shadow:0 6px 18px #0000004d}.kpi-tile-verde{border-left-color:#388e3c}.kpi-tile-amarillo{border-left-color:#f9a825}.kpi-tile-rojo{border-left-color:#e53935}.kpi-tile-sin_umbral{border-left-color:#78909c}.kpi-tile-blocked{opacity:.7;border-style:dashed;border-left-color:#fbc02d}.gps-prop-h{color:var(--text-primary);font-size:14px;font-weight:700;font-family:var(--font-heading);margin:18px 0 8px}.gps-prop-h span{color:var(--text-muted);font-size:12px;font-weight:500}.gps-prop-2col{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=900px){.gps-prop-2col{grid-template-columns:1fr}}.kpi-fam-title{color:var(--text-primary);border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.6px;font-size:13px;font-weight:800;font-family:var(--font-heading);margin:10px 0 8px;padding-bottom:6px}.kpi-badge-sin_dato{color:#90a4ae;background:#78909c26}.kpi-tile-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.kpi-tile-id{font-family:var(--font-mono);color:var(--text-muted);font-size:10px;font-weight:600}.kpi-tile-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700}.kpi-tile-badge.verde{color:#66bb6a;background:#388e3c26}.kpi-tile-badge.amarillo{color:#ffd54f;background:#f9a82526}.kpi-tile-badge.rojo{color:#ef5350;background:#e5393526}.kpi-tile-badge.sin_umbral{color:#90a4ae;background:#78909c26}.kpi-tile-badge.blocked{color:#fbc02d;background:#fbc02d26}.kpi-tile-label{color:var(--text-secondary);margin-bottom:6px;font-size:12px;font-weight:500;line-height:1.3}.kpi-tile-value{color:var(--text-primary);font-size:26px;font-weight:700;line-height:1;font-family:var(--font-heading);margin-bottom:4px}.kpi-tile-sub{color:var(--text-muted);font-size:10px}.kpi-tile-meta{color:var(--text-secondary);margin-top:4px;font-size:10px}.kpi-tile-notes{color:var(--text-muted);cursor:help;text-overflow:ellipsis;-webkit-line-clamp:3;white-space:normal;-webkit-box-orient:vertical;margin-top:6px;font-size:10px;font-style:italic;display:-webkit-box;overflow:hidden}.kpis-mvp-loading,.kpis-mvp-error{text-align:center;color:var(--text-secondary);padding:40px;font-size:14px}.kpi-hero{border-left:4px solid var(--primary);flex-direction:column;justify-content:center;padding:20px 24px;display:flex}.kpi-hero-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.kpi-hero-value{font-size:32px;font-weight:800;font-family:var(--font-heading);color:var(--text-primary);margin:6px 0 4px}.kpi-hero-meta{color:var(--text-secondary);font-size:11px}.kpi-hero-badge{margin-top:6px;font-size:10px;font-weight:700}.chart-wrap{flex:1;min-height:0;position:relative}.chart-wrap canvas{width:100%!important}.data-table{border-collapse:collapse;text-align:left;width:100%}.data-table th{border-bottom:1px solid var(--border-color);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;padding:10px 14px;font-size:11px;font-weight:700}.data-table td{border-bottom:1px solid #ffffff08;padding:12px 14px;font-size:13.5px;font-weight:500}.data-table tr:hover td{background:#ffffff04}.data-table-container,.table-wrap{overflow-x:auto}.table-search input{border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);min-width:200px;font-size:12px;font-family:var(--font-sans);background:#ffffff08;outline:none;padding:6px 12px}.table-search input:focus{border-color:var(--primary-hi)}.gauge-widget{flex-direction:column;justify-content:center;align-items:center;display:flex}.gauge-wrap{position:relative}.gauge-big{font-family:var(--font-heading);color:var(--primary-hi);font-size:28px;font-weight:800}.gauge-lbl{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.compliance-kpis{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.comp-kpi{text-align:center;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:#ffffff05;padding:16px}.comp-num{font-size:24px;font-weight:800;font-family:var(--font-heading)}.comp-label{color:var(--text-muted);margin-top:4px;font-size:11px}.critical-text{color:var(--danger)}.warning-text{color:var(--accent)}.layer-diagram{flex-direction:column;gap:8px;display:flex}.layer{border-radius:var(--radius-sm);border:1px solid var(--border-color);align-items:center;gap:14px;padding:14px 18px;display:flex}.layer-raw{border-left:4px solid var(--secondary);background:#60a5fa0a}.layer-stg{background:#7c4dff0a;border-left:4px solid #7c4dff}.layer-mart{border-left:4px solid var(--primary);background:#e700330d}.layer-label{font-family:var(--font-mono);color:var(--text-primary);min-width:70px;font-size:11px;font-weight:700}.layer-desc{color:var(--text-secondary);flex:1;font-size:11px}.layer-count{font-family:var(--font-mono);color:var(--text-muted);font-size:11px}.layer-arrow{text-align:center;color:var(--text-muted);font-size:14px}.dag-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.dag-item{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:#ffffff05;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.dag-name{font-family:var(--font-mono);color:var(--text-secondary);font-size:11px}.dag-ok{color:var(--ok);font-size:10px;font-weight:700}.test-bar{align-items:center;gap:10px;display:flex}.test-bar-label{color:var(--text-secondary);white-space:nowrap;font-size:11px}.test-bar-track{background:#ffffff0d;border-radius:3px;flex:1;height:6px;overflow:hidden}.test-bar-fill{background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:3px;height:100%;transition:width 1s}.test-bar-num{color:var(--primary-hi);font-size:11px;font-weight:700;font-family:var(--font-mono);white-space:nowrap}.alert-list{flex-direction:column;gap:10px;display:flex}.alert-item{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:#ffffff05;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.alert-icon{flex-shrink:0;margin-top:2px;font-size:16px}.alert-body{flex:1}.alert-title{color:var(--text-primary);margin-bottom:2px;font-size:13px;font-weight:600}.alert-desc{color:var(--text-secondary);font-size:11px}.alert-time{color:var(--text-muted);margin-top:4px;font-size:10px}.explorer-wrap{flex-direction:column;gap:18px;display:flex}.explorer-card{padding:22px}.explorer-form{flex-direction:column;gap:16px;margin-top:16px;display:flex}.explorer-row{flex-direction:column;gap:6px;display:flex}.explorer-lbl{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.explorer-input,.explorer-select{border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;font-family:var(--font-sans);background:#ffffff08;outline:none;width:100%;padding:8px 12px;transition:border-color .2s}.explorer-input:focus,.explorer-select:focus{border-color:var(--primary)}select option{color:#fff!important;background-color:#0a1124!important}select option:hover,select option:focus,select option:active{background-color:var(--primary)!important;color:#fff!important}.explorer-cols{flex-wrap:wrap;gap:8px;display:flex}.explorer-col-check{color:var(--text-secondary);cursor:pointer;align-items:center;gap:4px;font-size:12px;display:flex}.explorer-col-check input[type=checkbox]{accent-color:var(--primary)}.explorer-hint{color:var(--text-muted);font-size:12px;font-style:italic}.explorer-filters,.explorer-joins,.explorer-aggs{flex-direction:column;gap:8px;display:flex}.explorer-filter-row,.explorer-join-row,.explorer-agg-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.explorer-filter-row select,.explorer-join-row select,.explorer-agg-row select{max-width:200px}.explorer-filter-row input,.explorer-agg-row input{max-width:180px}.explorer-remove-btn{color:var(--danger);cursor:pointer;background:0 0;border:none;padding:4px;font-size:16px}.explorer-add-btn{border:1px dashed var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;align-self:flex-start;padding:6px 14px;font-size:12px;font-weight:500;transition:all .2s}.explorer-add-btn:hover{border-color:var(--primary-hi);color:var(--primary)}.explorer-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;display:flex}.explorer-lbl-inline{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.explorer-input-sm{width:80px!important}.btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:700;font-family:var(--font-sans);border:none;padding:8px 18px;transition:all .2s}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px #00000059}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-sans);background:#ffffff0d;padding:8px 18px;transition:all .2s}.btn-secondary:hover{color:var(--text-primary);background:#ffffff14}.btn-ghost{border:1px solid var(--border-color);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;font-size:12px;font-weight:500;font-family:var(--font-sans);background:0 0;padding:8px 14px;transition:all .2s}.btn-ghost:hover{border-color:var(--primary-hi);color:var(--primary)}.btn-ghost:disabled{opacity:.4;cursor:not-allowed}.explorer-sql{font-family:var(--font-mono);color:var(--primary-hi);border-radius:var(--radius-sm);border:1px solid var(--border-color);white-space:pre-wrap;word-break:break-all;background:#0000004d;padding:14px;font-size:11px;line-height:1.6;overflow-x:auto}.explorer-results-wrap{max-height:500px;overflow:auto}.explorer-table{border-collapse:collapse;width:100%}.explorer-table th{border-bottom:2px solid var(--border-color);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;text-align:left;background:#051c2cf2;padding:8px 12px;font-size:10px;font-weight:700;position:sticky;top:0}.explorer-table td{color:var(--text-primary);border-bottom:1px solid #ffffff08;padding:8px 12px;font-size:12px}.explorer-table tr:nth-child(2n) td{background:#ffffff03}.explorer-table tr:hover td{background:#ffffff08}.chat-fab:hover{filter:brightness(1.06);box-shadow:0 8px 28px #00000080}.chat-fab svg{width:22px;height:22px}.chat-fab-pulse{background:var(--accent);border:2px solid var(--bg-base);border-radius:50%;width:12px;height:12px;position:absolute;top:-2px;right:-2px}.chat-panel{border-left:1px solid var(--border-color);z-index:999;background:#051c2cf5;flex-direction:column;width:400px;height:100vh;transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-8px 0 30px #0006}.chat-panel.open{transform:translate(0)}.chat-header{border-bottom:1px solid var(--border-color);background:#04141f80;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.chat-header-info{align-items:center;gap:10px;display:flex}.chat-avatar{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:flex}.chat-title{font-family:var(--font-heading);font-size:14px;font-weight:700}.chat-subtitle-text{color:var(--text-muted);font-size:10px}.chat-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:4px;font-size:18px}.chat-close:hover{color:var(--text-primary)}.chat-messages{background:#0310194d;flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.chat-msg{max-width:88%;animation:.3s ease-out slide-up}.chat-msg-system{border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);background:#ffffff05;padding:14px;font-size:13px;line-height:1.5}.chat-msg-system ul{margin-top:8px;padding-left:16px}.chat-msg-system li{margin-bottom:4px}.chat-msg-user{background:#e700331a;border:1px solid #e700334d;border-radius:14px 14px 3px;align-self:flex-end;padding:10px 16px;font-size:13px}.chat-msg-bot{border:1px solid var(--border-color);background:#ffffff05;border-radius:14px 14px 14px 3px;align-self:flex-start;padding:10px 16px;font-size:13px;line-height:1.5}.chat-msg-time{color:var(--text-muted);margin-top:4px;font-size:9px;display:block}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-typing{align-self:flex-start;gap:4px;padding:10px 16px;display:flex}.chat-typing span{background:var(--primary-hi);border-radius:50%;width:6px;height:6px;animation:1s infinite pulse-green}.chat-typing span:nth-child(2){animation-delay:.2s}.chat-typing span:nth-child(3){animation-delay:.4s}.chat-form{border-top:1px solid var(--border-color);background:#04141f99;flex-shrink:0;gap:8px;padding:14px 16px;display:flex}.chat-form input{border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;font-family:var(--font-sans);background:#ffffff08;outline:none;flex:1;padding:10px 14px}.chat-form input:focus{border-color:var(--primary)}.chat-form button{background:var(--primary);border-radius:var(--radius-sm);color:#fff;cursor:pointer;border:none;padding:0 16px;font-size:16px;font-weight:700}.pivot-table-wrap{overflow-x:auto}.heatmap-table{border-collapse:collapse;width:100%}.heatmap-table th{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);text-align:center;border-bottom:1px solid var(--border-color);padding:8px 10px;font-size:10px;font-weight:700}.heatmap-table th:first-child{text-align:left}.heatmap-table td{text-align:center;border-bottom:1px solid #ffffff05;padding:8px 10px;font-size:12px;font-weight:600}.heatmap-table td:first-child{text-align:left;color:var(--text-secondary);font-size:11px}.heatmap-cell{border-radius:4px;min-width:28px;padding:4px 8px;display:inline-block}.goal-widget{padding:12px 0}.goal-progress-bar{background:#ffffff0d;border-radius:5px;height:10px;overflow:hidden}.goal-progress-fill{background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:5px;height:100%;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.goal-numbers{color:var(--text-secondary);justify-content:space-between;margin-top:8px;font-size:12px;display:flex}.goal-achieved{color:var(--primary-hi);font-size:14px;font-weight:700}.tractor-list{flex-direction:column;gap:8px;display:flex}.tractor-item{border-radius:var(--radius-sm);background:#ffffff05;align-items:center;gap:10px;padding:8px 10px;display:flex}.tractor-rank{color:var(--primary-hi);min-width:20px;font-size:11px;font-weight:800}.tractor-plate{font-family:var(--font-mono);color:var(--text-primary);min-width:80px;font-size:12px;font-weight:600}.tractor-bar{background:#ffffff0d;border-radius:3px;flex:1;height:5px;overflow:hidden}.tractor-bar-fill{background:var(--primary);border-radius:3px;height:100%}.tractor-count{color:var(--text-muted);text-align:right;min-width:60px;font-size:11px}.footer{border-top:1px solid var(--border-color);color:var(--text-muted);text-align:center;flex-shrink:0;padding:14px 36px;font-size:10px}.view{animation:.3s ease-out fade-in}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.table-wrap{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.table-wrap table{min-width:max-content}.table-wrap th,.table-wrap td{white-space:nowrap}.filters-toggle-btn{display:none}.filters-container{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.kpi-modal-grid{grid-template-columns:2fr 1fr;align-items:stretch;gap:16px;margin-bottom:16px;display:grid}.kpi-modal-grid.single{grid-template-columns:1fr}.mobile-header-bar,.mobile-menu-overlay,.mobile-menu-close{display:none}@media (width<=1400px){.kpis-mvp-grid{grid-template-columns:repeat(3,1fr)}.grid-container{grid-template-columns:repeat(12,1fr)}.w-6,.w-8,.w-9{grid-column:span 6}.w-12,.w-15,.w-16,.w-18,.w-24{grid-column:span 12}}@media (width<=1100px){.kpis-mvp-grid{grid-template-columns:repeat(2,1fr)}.compliance-kpis,.dag-grid{grid-template-columns:1fr}}@media (width<=768px){.app-layout{flex-direction:column}.main-content{height:auto;overflow:visible}.main,.tab-content{flex:none;height:auto;min-height:auto;padding:20px 16px;overflow-y:visible}.main-header{padding:16px}.kpis-mvp-grid,.grid-container{grid-template-columns:1fr}.w-6,.w-8,.w-9,.w-12,.w-15,.w-16,.w-18,.w-24{grid-column:span 1}.chat-panel{width:100%}}.calidad-gauges-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:24px;display:grid}.calidad-gauge-card{text-align:center;flex-direction:column;align-items:center;padding:24px;display:flex}.gauge-wrapper{justify-content:center;align-items:center;margin:10px 0;display:flex;position:relative}.gauge-svg{overflow:visible}.gauge-track{fill:none;stroke:#ffffff0a;stroke-width:14px;stroke-linecap:round}.gauge-text{text-align:center;position:absolute;bottom:0}.gauge-percent{font-family:var(--font-heading);font-size:28px;font-weight:800}.calidad-descriptions{flex-direction:column;gap:16px;margin-top:14px;display:flex}.calidad-desc-item{border-bottom:1px solid #ffffff08;padding-bottom:12px}.calidad-desc-item:last-child{border-bottom:none;padding-bottom:0}.calidad-desc-title{font-family:var(--font-heading);color:var(--primary);margin-bottom:4px;font-size:13.5px;font-weight:700}.calidad-desc-text{color:var(--text-secondary);font-size:12.5px;line-height:1.5}.config-env-list{flex-direction:column;gap:12px;margin-top:14px;display:flex}.config-env-row{border-bottom:1px solid #ffffff08;align-items:center;gap:10px;padding-bottom:10px;font-size:13px;display:flex}.config-env-row:last-child{border-bottom:none;padding-bottom:0}.config-env-icon{text-align:center;width:24px;font-size:16px}.config-env-label{color:var(--text-secondary);flex:1;font-weight:500}.config-env-value{font-family:var(--font-mono);color:var(--text-primary);font-weight:600}.config-conn-items{flex-direction:column;gap:10px;margin-top:8px;display:flex}.config-conn-row{align-items:center;gap:10px;font-size:12.5px;display:flex}.config-conn-dot{border-radius:50%;width:8px;height:8px}.config-conn-status{margin-left:auto;font-weight:600}.config-terminal{border:1px solid var(--border-color);border-radius:var(--radius-md);font-family:var(--font-mono);background:#02040a;flex-direction:column;flex:1;gap:4px;height:320px;padding:16px;font-size:11.5px;line-height:1.6;display:flex;overflow-y:auto}.config-log-line{white-space:pre-wrap;word-break:break-all}.config-log-cursor{color:var(--primary);animation:1s step-end infinite blink-cursor;display:inline-block}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.riesgo-alerts-list{flex-direction:column;gap:12px;margin-top:14px;display:flex}.riesgo-alert-item{border:1px solid var(--border-color);border-radius:var(--radius-md);padding:14px 16px;transition:all .2s}.riesgo-alert-item:hover{transform:translate(2px)}.riesgo-alert-header{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.riesgo-alert-icon{font-size:14px}.riesgo-alert-title{font-family:var(--font-heading);color:var(--text-primary);flex:1;font-size:13.5px;font-weight:700}.riesgo-alert-time{color:var(--text-muted);font-size:10px}.riesgo-alert-desc{color:var(--text-secondary);font-size:12px;line-height:1.4}.riesgo-summary{flex-wrap:wrap;gap:16px;display:flex}.riesgo-summary-item{align-items:center;gap:6px;display:flex}.riesgo-summary-dot{border-radius:50%;width:8px;height:8px}.riesgo-summary-label{color:var(--text-secondary);font-size:11.5px;font-weight:600}.audit-items{flex-direction:column;gap:14px;margin-top:14px;display:flex}.audit-row{border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:center;padding-bottom:10px;font-size:13px;display:flex}.audit-row:last-child{border-bottom:none;padding-bottom:0}.audit-label{color:var(--text-secondary);font-weight:500}.audit-value{font-family:var(--font-heading);font-size:14.5px;font-weight:700}.audit-info-box{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#ffffff05;margin-top:20px;padding:16px}.audit-info-title{font-family:var(--font-heading);letter-spacing:1px;color:var(--secondary);margin-bottom:6px;font-size:10px;font-weight:800}.audit-info-text{color:var(--text-secondary);font-size:12px;line-height:1.5}.alias-pill{cursor:pointer;border:1px solid var(--border-color);color:var(--text-secondary);-webkit-user-select:none;user-select:none;background:#ffffff08;border-radius:20px;margin-bottom:6px;padding:6px 14px;font-size:11.5px;font-weight:500;transition:all .2s;display:inline-block}.alias-pill:hover{color:var(--text-primary);background:#ffffff14;border-color:#ffffff26}.alias-pill.active{color:var(--primary-hi);background:#e700331a;border-color:#e7003361;font-weight:700}:where(button,[role=button],a,select,input,textarea,.alias-pill):focus-visible{outline:2px solid var(--primary-hi);outline-offset:2px;border-radius:4px}.seg-control{border:1px solid var(--border-color);background:#ffffff05;border-radius:8px;flex-wrap:wrap;gap:2px;padding:3px;display:flex}.seg-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:7px 14px;font-size:12px;font-weight:600;transition:all .15s}.seg-btn:hover{color:var(--text-primary);background:#ffffff0a}.seg-btn.active{color:var(--primary-hi);background:#e700331f}.kpi-tile-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.kpi-tile-subline{color:var(--text-muted);margin-top:4px;font-size:10px}.kpi-badge-verde{color:#66bb6a;text-transform:uppercase;background:#388e3c26;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700}.kpi-badge-amarillo{color:#ffd54f;text-transform:uppercase;background:#f9a82526;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700}.kpi-badge-rojo{color:#ef5350;text-transform:uppercase;background:#e5393526;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700}.kpi-badge-sin_umbral,.kpi-badge-contexto{color:#90a4ae;text-transform:uppercase;background:#78909c26;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700}.kpi-badge-blocked{color:#fbc02d;text-transform:uppercase;background:#fbc02d26;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700}.kpi-tile-skeleton{border-radius:var(--radius-md);background:#ffffff08;min-height:120px;animation:1.4s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%,to{opacity:.5}50%{opacity:1}}.kpi-tile-blocked-reason{color:var(--accent);margin-top:6px;font-size:10px}.kpi-legend-row{flex-wrap:wrap;gap:14px;margin-top:10px;display:flex}.kpi-legend-item{color:var(--text-secondary);align-items:center;gap:6px;font-size:10.5px;display:flex}.pilares-grid{grid-template-columns:repeat(auto-fit,minmax(208px,1fr));gap:16px;display:grid}.pilar-card{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-lg);border-top:3px solid var(--primary);flex-direction:column;gap:10px;padding:18px;display:flex}.pilar-num{color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:700}.pilar-title{color:var(--text-primary);font-size:14px;font-weight:700;line-height:1.3}.pilar-sponsor{color:var(--text-muted);font-size:10.5px}.pilar-kpis{flex-direction:column;gap:6px;margin-top:2px;display:flex}.pilar-kpi-row{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#ffffff05;justify-content:space-between;align-items:baseline;gap:8px;padding:7px 10px;display:flex}.pilar-kpi-name{color:var(--text-secondary);font-size:11px;line-height:1.3}.pilar-kpi-val{white-space:nowrap;font-size:13px;font-weight:700}.pilar-kpi-meta{color:var(--text-muted);font-size:10.5px;line-height:1.5}.proposito-banner{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.proposito-item{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:16px 18px}.proposito-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:700}.proposito-value{color:var(--text-primary);margin-top:4px;font-size:22px;font-weight:800}.proposito-sub{color:var(--text-secondary);margin-top:2px;font-size:11px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.chat-close{justify-content:center;align-items:center;min-width:34px;min-height:34px;display:flex}.explorer-remove-btn{justify-content:center;align-items:center;min-width:32px;min-height:32px;display:flex}.kpi-tile-id,.kpi-tile-sub,.kpi-tile-meta,.pilar-kpi-meta,.kpi-tile-notes{font-size:11px}.nav-badge,.kpi-tile-badge{font-size:10px}.chip-action{color:var(--text-primary);cursor:pointer;min-height:36px;font-size:13px;font-weight:600;font-family:var(--font-sans);background:#60a5fa1a;border:1px solid #60a5fa61;border-radius:999px;padding:9px 16px;transition:all .15s}.chip-action:hover{border-color:var(--secondary,#60a5fa);background:#60a5fa33}.select-clean,.input-clean{border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;font-family:var(--font-sans);background:#ffffff08;outline:none;min-height:36px;padding:8px 12px;transition:border-color .15s}.select-clean:hover,.input-clean:hover{border-color:#ffffff26}.select-clean:focus,.input-clean:focus{border-color:var(--primary-hi)}.btn-primary-lg{background:var(--primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;min-height:40px;font-size:13.5px;font-weight:800;font-family:var(--font-sans);border:none;padding:10px 26px;transition:background .15s}.btn-primary-lg:hover{background:#c4002b}.btn-primary-lg:disabled{opacity:.55;cursor:not-allowed}.ctl-label{color:var(--text-secondary);white-space:nowrap;font-size:12px;font-weight:600}.kpi-tile-verde{background:linear-gradient(#10b98121,#10b98108)}.kpi-tile-amarillo{background:linear-gradient(#d9a51426,#d9a51408)}.kpi-tile-rojo{background:linear-gradient(#ef444426,#ef44440a)}.kpi-tile-verde:hover{background:linear-gradient(#10b9812e,#10b9810d)}.kpi-tile-amarillo:hover{background:linear-gradient(#d9a51433,#d9a5140d)}.kpi-tile-rojo:hover{background:linear-gradient(#ef444433,#ef44440f)}.kpi-tile-verde .kpi-tile-value{color:#34d399}.kpi-tile-amarillo .kpi-tile-value{color:#e8c248}.kpi-tile-rojo .kpi-tile-value{color:#f87171}.sem-strip{flex-wrap:wrap;align-items:center;row-gap:12px;display:flex}.sem-count{border-right:1px solid var(--border-color);align-items:center;gap:10px;margin-right:22px;padding-right:22px;display:flex}.sem-count:last-of-type{border-right:none}.sem-count-num{letter-spacing:-.5px;font-size:32px;font-weight:800;line-height:1}.sem-count-label{color:var(--text-secondary);max-width:110px;font-size:11px;line-height:1.35}.sem-dot-lg{border-radius:50%;flex-shrink:0;width:11px;height:11px;display:inline-block}.sem-strip-verdict{max-width:460px;color:var(--text-secondary);margin-left:auto;font-size:12.5px;line-height:1.55}.sem-chip{letter-spacing:.4px;text-transform:uppercase;white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:3px 10px;font-size:10px;font-weight:800;display:inline-flex}.semaforo{background:#020c148c;border:1px solid #ffffff12;border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:4px 7px;display:inline-flex}.semaforo-luz{border-radius:50%;transition:all .3s;display:inline-block}body.lm{--bg-base:#eef2f7;--bg-panel:#fff;--bg-panel-hover:#e5ecf3;--border-color:#051c2c1f;--border-glow:#e700332e;--primary-hi:#c40029;--text-primary:#051c2c;--text-secondary:#2e4a5c;--text-muted:#54707f;--bg-sidebar:#fff}body.lm .sidebar{background:var(--bg-sidebar,#fff);border-right:1px solid #051c2c1f}body.lm .nav-item:hover{background:#051c2c0d}body.lm .kpi-badge-amarillo,body.lm .kpi-badge-blocked,body.lm .kpi-tile-badge.amarillo,body.lm .kpi-tile-badge.blocked,body.lm .badge-amber,body.lm .badge-yellow,body.lm .badge-warning{color:#8a6d0b;background:#c99e1e38;font-weight:700}body.lm .warning-text,body.lm .kpi-tile-blocked-reason{color:#8a6d0b;font-weight:600}body.lm .kpi-tile-amarillo .kpi-tile-value{color:#8a6d0b}.sidebar{width:68px;transition:width .25s;overflow:hidden}.sidebar:hover{width:260px}.sidebar:not(:hover) .nav-item{justify-content:center;gap:0;padding:10px 0;font-size:0}.sidebar:not(:hover) .brand-title,.sidebar:not(:hover) .brand-subtitle{display:none}.sidebar:not(:hover) .sidebar-brand img{display:none!important}.sidebar:not(:hover) .nav-section-label{visibility:hidden}.sidebar:not(:hover) .sidebar-brand{justify-content:center}.sidebar:not(:hover) .sidebar-footer{opacity:0;pointer-events:none}.data-table tbody tr:nth-child(odd) td{background:0 0}.data-table tbody tr:nth-child(2n) td{background:var(--bg-panel-hover)}.data-table tbody tr:hover td{background:var(--border-glow)}@media (width<=820px){.app-layout{flex-direction:column}.mobile-header-bar{background:var(--bg-sidebar,#03141f);border-bottom:1px solid var(--border-color);z-index:999;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;display:flex;position:sticky;top:0}.mobile-menu-toggle{color:var(--text-primary);cursor:pointer;border:none;border:1px solid var(--border-color);background:0 0;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;font-size:24px;display:flex}.mobile-header-logo{width:auto;height:24px}.mobile-header-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;padding:5px 10px;font-size:11px;font-weight:600}.mobile-menu-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#0009;animation:.2s ease-out fade-in;display:block;position:fixed;inset:0}.mobile-menu-close{color:var(--text-secondary);cursor:pointer;border:none;border:1px solid var(--border-color);background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:4px 8px;font-size:22px;display:flex!important}.sidebar,.sidebar:hover{background:var(--bg-sidebar,#03141f)!important;border-right:1px solid var(--border-color)!important;z-index:10001!important;border-bottom:none!important;flex-direction:column!important;width:280px!important;height:100vh!important;padding:20px 14px!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important;display:flex!important;position:fixed!important;top:0!important;left:0!important;overflow-y:auto!important;transform:translate(-100%)!important}.sidebar.open,.sidebar.open:hover{transform:translate(0)!important}.sidebar-brand{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;width:100%!important;margin-bottom:24px!important}.brand-subtitle{display:none!important}.sidebar:not(:hover) .sidebar-brand img,.sidebar:not(:hover) .sidebar-brand .sidebar-logo{display:block!important}.sidebar-menu{flex-flow:column!important;gap:4px!important;padding-bottom:0!important;overflow-x:visible!important}.nav-item{white-space:normal!important;flex-shrink:0!important;transform:none!important}.nav-item:hover{transform:none!important}.sidebar:not(:hover) .nav-item{justify-content:flex-start!important;gap:10px!important;padding:10px 12px!important;font-size:14px!important}.sidebar-divider{display:block!important}.sidebar-footer{opacity:1!important;pointer-events:auto!important;margin-top:auto!important}.sidebar:not(:hover) .sidebar-footer{opacity:1!important}.main-content{height:auto;overflow:visible}.main,.tab-content{flex:none;height:auto;min-height:auto;padding:16px 12px;overflow-y:visible}.view-header-row{flex-direction:column;align-items:stretch;gap:10px}.view-header-right{flex-wrap:wrap;justify-content:flex-start}.view-title{font-size:20px}.table-wrap,.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table,.explorer-table{min-width:560px}.kpis-mvp-grid,.grid-container,.compliance-kpis,.dag-grid,.calidad-gauges-grid,.kpi-modal-grid{grid-template-columns:minmax(0,1fr)!important}.row{flex-direction:column}[class*=col-]{flex:0 0 100%!important;width:100%!important;max-width:100%!important}.grid-container>*,.w-6,.w-8,.w-9,.w-12,.w-15,.w-16,.w-18,.w-24{grid-column:1/-1!important;min-width:0!important}.seg-control{flex-wrap:wrap}.select-clean,.input-clean{max-width:100%}}@media (width<=480px){.view-title{font-size:18px}.main,.tab-content{padding:12px 10px}.panel-card,.card{padding:14px}.sidebar-footer{font-size:9px}}