@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700;800;900&display=swap";
:root{--bg-root:#080b12;--bg-primary:#0c1018;--bg-secondary:#101620;--bg-card:#141c2b;--bg-card-alt:#182234;--bg-hover:#1c2840;--bg-active:#1e2e4a;--border:#1a2438;--border-bright:#2a3c58;--border-glow:#3a5278;--text-primary:#e4eaf4;--text-secondary:#8a9ab8;--text-muted:#4e6080;--text-dim:#3a4c68;--accent-blue:#2d7ff9;--accent-cyan:#18d4e8;--accent-teal:#0cc5a8;--accent-green:#12c76e;--accent-lime:#7dd922;--accent-amber:#f0a820;--accent-orange:#e87830;--accent-red:#e84040;--accent-pink:#d45090;--accent-purple:#85e;--glow-blue:#2d7ff91f;--glow-cyan:#18d4e814;--glow-green:#12c76e1a;--glow-red:#e840401a;--glow-amber:#f0a8201a;--glass:#141c2bbf;--r-sm:6px;--r-md:8px;--r-lg:10px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-root);color:var(--text-primary);-webkit-font-smoothing:antialiased;height:100%;font-family:Inter,-apple-system,sans-serif;font-size:13px;overflow:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(70% 50% at 50% -10%,#2d7ff90f,#0000),radial-gradient(50% 40% at 90% 100%,#8855ee0a,#0000);position:fixed;inset:0}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-bright)}.app{z-index:1;flex-direction:column;height:100vh;display:flex;position:relative}.topbar{background:var(--bg-primary);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;height:42px;padding:0 16px;display:flex}.topbar-brand{align-items:center;gap:10px;display:flex}.topbar-logo{background:linear-gradient(135deg, var(--accent-blue), var(--accent-cyan));color:#fff;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:800;display:flex;box-shadow:0 0 14px #2d7ff940}.topbar-title{letter-spacing:-.3px;color:var(--text-primary);font-size:14px;font-weight:700}.topbar-sep{background:var(--border);width:1px;height:18px;margin:0 8px}.topbar-tabs{gap:2px;display:flex}.topbar-tab{color:var(--text-muted);cursor:pointer;border-radius:var(--r-sm);background:0 0;border:none;align-items:center;gap:5px;padding:6px 14px;font-family:Inter,sans-serif;font-size:11px;font-weight:500;transition:all .15s;display:flex}.topbar-tab:hover{color:var(--text-secondary);background:var(--bg-hover)}.topbar-tab.active{color:var(--text-primary);background:var(--bg-active)}.topbar-tab .icon{font-size:13px}.topbar-right{align-items:center;gap:12px;display:flex}.topbar-status{color:var(--text-muted);align-items:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.status-dot{background:var(--accent-green);border-radius:50%;width:7px;height:7px;animation:2s infinite pulseDot}@keyframes pulseDot{0%,to{box-shadow:0 0 #12c76e59}50%{box-shadow:0 0 0 5px #12c76e00}}.body-wrap{flex:1;display:flex;overflow:hidden}.sidebar{background:var(--bg-primary);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:260px;display:flex;overflow:hidden}.sidebar-header{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-dim);border-bottom:1px solid var(--border);padding:12px 14px 8px;font-family:JetBrains Mono,monospace;font-size:10px}.sidebar-section{border-bottom:1px solid var(--border);padding:8px 0}.sidebar-label{text-transform:uppercase;letter-spacing:1.2px;color:var(--text-dim);padding:4px 14px;font-family:JetBrains Mono,monospace;font-size:9px}.sidebar-item{cursor:pointer;color:var(--text-secondary);justify-content:space-between;align-items:center;padding:5px 14px;font-size:12px;transition:all .1s;display:flex}.sidebar-item:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-item.active{background:var(--glow-blue);color:var(--accent-cyan);border-left:2px solid var(--accent-blue)}.sidebar-count{color:var(--text-dim);background:var(--bg-secondary);border-radius:3px;padding:1px 6px;font-family:JetBrains Mono,monospace;font-size:10px}.sidebar-scroll{flex:1;overflow-y:auto}.sidebar-search{margin:8px 10px}.sidebar-search input{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--r-sm);width:100%;color:var(--text-primary);outline:none;padding:6px 10px;font-family:JetBrains Mono,monospace;font-size:11px}.sidebar-search input:focus{border-color:var(--accent-blue)}.sidebar-search input::placeholder{color:var(--text-dim)}.main{flex-direction:column;flex:1;display:flex;overflow:hidden auto}.kpi-strip{background:var(--border);border-bottom:1px solid var(--border);flex-shrink:0;gap:1px;display:flex}.kpi-cell{background:var(--bg-primary);cursor:default;flex-direction:column;flex:1;gap:2px;padding:12px 16px;transition:background .15s;display:flex}.kpi-cell:hover{background:var(--bg-secondary)}.kpi-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);font-family:JetBrains Mono,monospace;font-size:9px}.kpi-row{align-items:baseline;gap:8px;display:flex}.kpi-value{letter-spacing:-.5px;font-size:22px;font-weight:800;line-height:1.1}.kpi-value.blue{color:var(--accent-cyan)}.kpi-value.green{color:var(--accent-green)}.kpi-value.amber{color:var(--accent-amber)}.kpi-value.red{color:var(--accent-red)}.kpi-value.purple{color:var(--accent-purple)}.kpi-delta{border-radius:3px;padding:1px 5px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600}.kpi-delta.up{color:var(--accent-green);background:var(--glow-green)}.kpi-delta.down{color:var(--accent-red);background:var(--glow-red)}.kpi-delta.neutral{color:var(--accent-amber);background:var(--glow-amber)}.kpi-sub{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:10px}.content-area{flex-direction:column;flex:1;gap:12px;padding:12px;display:flex}.panels-row{gap:12px;display:flex}.panels-row>*{flex:1}.panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);flex-direction:column;display:flex;overflow:hidden}.panel-head{border-bottom:1px solid var(--border);background:var(--bg-primary);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.panel-title{color:var(--text-primary);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.panel-badge{background:var(--glow-blue);color:var(--accent-blue);border:1px solid #2d7ff933;border-radius:10px;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:9px}.panel-body{flex:1;padding:14px}.donut-row{flex-wrap:wrap;justify-content:space-around;align-items:flex-start;gap:16px;display:flex}.donut-cell{flex-direction:column;align-items:center;gap:6px;display:flex}.donut-cell-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);text-align:center;font-family:JetBrains Mono,monospace;font-size:10px}.donut-svg{transform:rotate(-90deg)}.donut-center{fill:var(--text-primary);transform-origin:50%;font-family:Inter;font-size:13px;font-weight:800;transform:rotate(90deg)}.donut-center-sub{fill:var(--text-dim);transform-origin:50%;font-family:JetBrains Mono;font-size:8px;transform:rotate(90deg)}.donut-legend{flex-wrap:wrap;justify-content:center;gap:6px 14px;display:flex}.legend-chip{color:var(--text-secondary);align-items:center;gap:4px;font-size:10px;display:flex}.legend-dot{border-radius:2px;flex-shrink:0;width:8px;height:8px}.chart-area-wrap{height:180px;position:relative}.chart-area-svg{width:100%;height:100%}.chart-grid-line{stroke:var(--border);stroke-width:.5px}.chart-y-label{fill:var(--text-dim);font-family:JetBrains Mono,monospace;font-size:9px}.chart-x-label{fill:var(--text-dim);text-anchor:middle;font-family:JetBrains Mono,monospace;font-size:9px}.bar-h{flex-direction:column;gap:10px;display:flex}.bar-h-row{flex-direction:column;gap:3px;display:flex}.bar-h-info{justify-content:space-between;align-items:center;display:flex}.bar-h-label{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:11px;font-weight:500;overflow:hidden}.bar-h-val{color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:10px}.bar-h-track{background:#ffffff08;border-radius:3px;height:6px;overflow:hidden}.bar-h-fill{border-radius:3px;height:100%;transition:width .8s cubic-bezier(.22,1,.36,1)}.eap-tree{flex-direction:column;display:flex}.eap-node{border-bottom:1px solid var(--border)}.eap-parent{cursor:pointer;grid-template-columns:28px 80px 1fr 90px 90px 90px 70px 70px;align-items:center;padding:7px 10px;font-size:11px;transition:background .1s;display:grid}.eap-parent:hover{background:var(--bg-hover)}.eap-parent.expanded{background:var(--bg-active)}.eap-toggle{color:var(--text-dim);justify-content:center;align-items:center;font-size:10px;transition:transform .2s;display:flex}.eap-toggle.open{transform:rotate(90deg)}.eap-item-id{color:var(--accent-cyan);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700}.eap-disc{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;padding-right:8px;font-weight:500;overflow:hidden}.eap-num{text-align:right;color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:10px}.eap-num.pos{color:var(--accent-green)}.eap-num.neg{color:var(--accent-red)}.eap-num.warn{color:var(--accent-amber)}.eap-pct{text-align:right;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600}.eap-status{text-align:center}.eap-children{background:var(--bg-secondary)}.eap-child{cursor:pointer;border-bottom:1px solid #1a243880;grid-template-columns:28px 80px 1fr 90px 90px 90px 70px 70px;align-items:center;padding:5px 10px 5px 20px;font-size:10px;transition:background .1s;display:grid}.eap-child:hover{background:var(--bg-hover)}.eap-child-toggle{color:var(--text-dim);cursor:pointer;justify-content:center;align-items:center;font-size:9px;display:flex}.eap-child-id{color:var(--accent-blue);font-family:JetBrains Mono,monospace;font-size:10px}.eap-insumos{background:#080b1299}.eap-insumo{color:var(--text-muted);border-bottom:1px solid #1a24384d;grid-template-columns:28px 80px 1fr 90px 90px 90px 70px 70px;align-items:center;padding:4px 10px 4px 40px;font-size:9px;display:grid}.eap-insumo-id{color:var(--text-dim);font-family:JetBrains Mono,monospace}.eap-header{text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);background:var(--bg-primary);border-bottom:1px solid var(--border);z-index:5;grid-template-columns:28px 80px 1fr 90px 90px 90px 70px 70px;padding:6px 10px;font-family:JetBrains Mono,monospace;font-size:9px;display:grid;position:sticky;top:0}.eap-header span:nth-child(n+4){text-align:right}.rbadge{white-space:nowrap;border-radius:3px;align-items:center;gap:3px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:700;display:inline-flex}.rbadge.crit{background:var(--glow-red);color:var(--accent-red)}.rbadge.warn{background:var(--glow-amber);color:var(--accent-amber)}.rbadge.ok{background:var(--glow-green);color:var(--accent-green)}.sparkline{align-items:flex-end;gap:1px;height:24px;display:flex}.spark-bar{border-radius:1px 1px 0 0;flex:1;min-width:3px;transition:height .3s}.dtable{border-collapse:collapse;width:100%;font-size:11px}.dtable th{background:var(--bg-primary);text-align:left;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);border-bottom:1px solid var(--border);z-index:3;padding:7px 10px;font-family:JetBrains Mono,monospace;font-size:9px;position:sticky;top:0}.dtable th.r{text-align:right}.dtable td{color:var(--text-secondary);border-bottom:1px solid #1a243880;padding:6px 10px;font-family:JetBrains Mono,monospace;font-size:10px}.dtable td.r{text-align:right;font-variant-numeric:tabular-nums}.dtable tr:hover td{color:var(--text-primary);background:#2d7ff905}.footer{border-top:1px solid var(--border);background:var(--bg-primary);height:28px;color:var(--text-dim);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 16px;font-family:JetBrains Mono,monospace;font-size:10px;display:flex}@keyframes fadeSlide{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.anim{animation:.4s forwards fadeSlide}.anim-d1{opacity:0;animation-delay:50ms}.anim-d2{opacity:0;animation-delay:.1s}.anim-d3{opacity:0;animation-delay:.15s}.anim-d4{opacity:0;animation-delay:.2s}@media (max-width:1100px){.sidebar{width:200px}}@media (max-width:900px){.sidebar{display:none}.panels-row{flex-direction:column}}