@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600;700&display=swap";:root{--bg-app:#08090d;--bg-sidebar:#0d0f19;--bg-panel:#131622;--bg-header:#0d0f19;--bg-controls:#0d0f19;--border-color:#1c2030;--border-focus:#365ba6;--text-active:#a0a5b5;--text-normal:#84899a;--text-muted:#686d7e;--text-dark:#474b5c;--accent-color:#365ba6;--accent-hover:#2d4d8c;--accent-soft:#365ba614;--accent-soft-hover:#365ba626;--color-green:#26a69a;--color-green-soft:#26a69a1a;--color-red:#ef5350;--color-red-soft:#ef53501a;--color-orange:#ffa726;--font-sans:"IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--wf-bg:#0c1218;--wf-shell:#0c1218;--wf-panel:#111a22;--wf-panel-soft:#0e161e;--wf-panel-elevated:#16222e;--wf-border:#22303d;--wf-border-soft:#1a2631;--wf-grid:#1a2631eb;--wf-text-hi:#d7e2ec;--wf-text:#c2d0dc;--wf-text-soft:#8da2b4;--wf-text-muted:#5f7486;--wf-cyan:#4e90c9;--wf-cyan-soft:#4e90c929;--wf-blue:#78a0c8;--wf-purple:#9384ce;--wf-amber:#d9a441;--wf-amber-soft:#d9a4411a;--wf-green:#3fa37e;--wf-green-text:#7fc9a8;--wf-red:#c4635a;--wf-red-text:#dd9088;--wf-orange:#b5833a;--wf-steel-1:#31567a;--wf-steel-2:#3f6790;--wf-steel-3:#4f79a4;--wf-steel-4:#628cb7;--wf-steel-5:#78a0c8;--wf-steel-6:#92b6d7;--wf-steel-7:#b0cbe2;--wf-radius:6px;--wf-font:"IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-normal);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;width:100vw;height:100vh;font-size:11px;overflow:hidden}#root{width:100vw;height:100vh;overflow:hidden}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:#252a42;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--text-dark)}input,select,textarea{border:1px solid var(--border-color);color:var(--text-active);font-size:11px;font-family:var(--font-sans);background-color:#161a29;border-radius:3px;outline:none;padding:4px 8px}input:focus,select:focus,textarea:focus{border-color:var(--border-focus)}.app-shell{background-color:var(--bg-app);width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);-webkit-user-select:none;user-select:none;flex-direction:column;flex-shrink:0;width:180px;height:100%;display:flex}.sidebar-header{border-bottom:1px solid var(--border-color);align-items:center;height:40px;padding:0 14px;display:flex}.sidebar-brand{color:var(--text-active);letter-spacing:.5px;font-size:12px;font-weight:700}.sidebar-menu{flex:1;padding:12px 0;overflow-y:auto}.nav-section{color:var(--text-dark);text-transform:uppercase;letter-spacing:1px;padding:4px 16px 2px;font-size:8px;font-weight:700}.sidebar-item{height:21px;color:var(--text-muted);cursor:pointer;align-items:center;gap:8px;padding:0 16px;font-size:10px;font-weight:500;transition:all .15s;display:flex;position:relative}.sidebar-item:hover{color:#4e73b5;background-color:#ffffff03}.sidebar-item.active{color:#4e73b5;background-color:#1b1e2e;font-weight:600}.sidebar-item.active:before{content:"";background-color:var(--border-focus);width:2px;position:absolute;top:4px;bottom:4px;left:0}.sidebar-footer{border-top:1px solid var(--border-color);height:32px;color:var(--text-muted);font-family:var(--font-mono);align-items:center;gap:6px;padding:0 14px;font-size:10px;display:flex}.main-container{flex-direction:column;flex:1;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.header-bar{background-color:var(--bg-header);border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;height:40px;padding:0 16px;display:flex}.header-left{align-items:center;gap:20px;display:flex}.header-title{color:var(--text-active);font-size:13px;font-weight:700}.header-select-group{align-items:center;gap:6px;display:flex}.header-select-label{color:var(--text-muted);font-size:10px}.header-select{color:var(--text-active);cursor:pointer;background-color:#0000;border:none;padding:2px 4px;font-weight:600}.header-status-badge{align-items:center;gap:5px;font-size:10px;display:flex}.status-dot{border-radius:50%;width:6px;height:6px;display:inline-block}.status-dot.green{background-color:var(--color-green)}.status-dot.red{background-color:var(--color-red)}.header-right{align-items:center;gap:10px;display:flex}.controls-bar{background-color:var(--bg-controls);border-bottom:1px solid var(--border-color);flex-shrink:0;align-items:center;gap:12px;height:38px;padding:0 16px;display:flex}.controls-group{align-items:center;gap:6px;display:flex}.controls-label{color:var(--text-muted);font-size:10px}.controls-input{border:1px solid var(--border-color);height:24px;color:var(--text-normal);background-color:#161a29;outline:none;padding:0 6px;font-size:10px}.controls-select{border:1px solid var(--border-color);height:24px;color:var(--text-normal);background-color:#161a29;outline:none;padding:0 4px;font-size:10px}.controls-select option{background-color:var(--bg-panel);color:var(--text-normal)}.timeframe-pill-container{border:1px solid var(--border-color);background-color:#161a29;border-radius:3px;padding:1px;display:flex}.timeframe-pill{height:20px;color:var(--text-muted);cursor:pointer;border-radius:2px;justify-content:center;align-items:center;padding:0 8px;font-size:10px;font-weight:600;display:flex}.timeframe-pill.active{background-color:var(--accent-color);color:var(--text-active)}.workspace-grid{background-color:var(--bg-app);flex:1;grid-template-rows:1fr 1fr;grid-template-columns:68% 32%;gap:8px;min-height:0;padding:8px;display:grid}.panel-card{background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:4px;flex-direction:column;height:100%;display:flex;overflow:hidden}.panel-card-header{border-bottom:1px solid var(--border-color);-webkit-user-select:none;user-select:none;background-color:#161924;flex-shrink:0;justify-content:space-between;align-items:center;height:30px;padding:0 10px;display:flex}.panel-card-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-normal);font-size:10px;font-weight:600}.panel-card-tabs{height:100%;display:flex}.panel-card-tab{height:100%;color:var(--text-muted);cursor:pointer;border-bottom:2px solid #0000;justify-content:center;align-items:center;padding:0 12px;font-size:10px;font-weight:600;transition:all .15s;display:flex}.panel-card-tab:hover{color:var(--text-active)}.panel-card-tab.active{color:var(--accent-color);border-bottom-color:var(--border-focus);background-color:var(--bg-panel)}.panel-card-body{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.btn{border:1px solid var(--border-color);color:var(--text-normal);cursor:pointer;background-color:#1c2030;border-radius:3px;justify-content:center;align-items:center;gap:4px;height:24px;padding:4px 10px;font-size:10px;font-weight:500;transition:all .15s;display:inline-flex}.btn:hover{color:var(--text-active);background-color:#252a42}.btn-primary{background-color:var(--accent-color);border-color:var(--accent-color);color:var(--text-active)}.btn-primary:hover{background-color:var(--accent-hover);border-color:var(--accent-hover)}.btn-success{background-color:var(--color-green-soft);color:var(--color-green);border-color:#26a69a4d}.btn-success:hover{background-color:var(--color-green);border-color:var(--color-green);color:var(--text-active)}.btn-outline{border-color:var(--border-color);color:var(--text-muted);background-color:#0000}.btn-outline:hover{border-color:var(--text-muted);color:var(--text-active)}.table-scroll-container{background-color:var(--bg-panel);flex:1;overflow:auto}.grid-table{border-collapse:collapse;width:100%;font-family:var(--font-mono);text-align:left;font-size:10px}.grid-table th{background-color:var(--wf-panel-soft);color:var(--wf-text-muted);border-right:0;border-bottom:1px solid var(--wf-border);z-index:10;white-space:nowrap;padding:4px 6px;font-weight:600;position:sticky;top:0}.grid-table th.active-col{color:var(--wf-text-hi);background-color:var(--wf-panel-elevated);border-right:0;border-bottom:1px solid var(--wf-border)}.grid-table td{border-right:0;border-bottom:1px solid var(--wf-border-soft);color:var(--wf-text);white-space:nowrap;padding:3px 6px}.grid-table tr:hover{background-color:var(--wf-panel-elevated)}.grid-table tr.selected-row{background-color:#365ba60d!important}.grid-table td.active-cell{color:var(--text-active);background-color:#365ba624}.cell-numeric{text-align:right}.table-footer{border-top:1px solid var(--border-color);height:26px;color:var(--text-muted);background-color:#141724;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 10px;font-size:10px;display:flex}.footer-bar{background-color:var(--bg-sidebar);border-top:1px solid var(--border-color);height:24px;font-family:var(--font-mono);color:var(--text-muted);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 12px;font-size:10px;display:flex}.footer-left,.footer-right{align-items:center;gap:16px;display:flex}.metric-item span{color:var(--text-active)}.histogram-layout{grid-template-columns:1fr 110px;height:100%;display:grid;overflow:hidden}.histogram-chart-pane{flex-direction:column;min-width:0;padding:8px;display:flex}.histogram-stats-pane{border-left:1px solid var(--border-color);font-family:var(--font-mono);background-color:#0000;flex-direction:column;gap:4px;min-width:110px;padding:8px 12px;font-size:10px;display:flex;overflow-y:auto}.stats-title{font-family:var(--font-sans);color:var(--text-normal);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color);margin-bottom:6px;padding-bottom:3px;font-size:10px;font-weight:700}.stats-row{color:var(--text-muted);justify-content:space-between;font-size:10px;line-height:1.4;display:flex}.stats-row .stats-label{color:var(--text-muted)}.stats-row .stats-value{color:var(--text-normal);text-align:right;font-weight:500}.compiler-console-layout{border-top:1px solid var(--border-color);background-color:#0a0b12;flex-direction:column;flex-shrink:0;height:90px;display:flex}.checkbox-label{color:var(--text-normal);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:10px;display:flex}.checkbox-input{appearance:none;border:1px solid var(--border-color);cursor:pointer;background-color:#161a29;border-radius:2px;outline:none;justify-content:center;align-items:center;width:12px;height:12px;display:flex}.checkbox-input:checked{background-color:#242b3d;border-color:#3b4c6e}.checkbox-input:checked:after{content:"";border-bottom:1.5px solid #7c88a8;border-left:1.5px solid #7c88a8;width:5px;height:3px;display:block;transform:rotate(-45deg)translate(.5px,-.5px)}.sidebar-item.active-wf{font-weight:600;color:var(--wf-text-hi)!important;background-color:var(--wf-panel-elevated)!important}.sidebar-item.active-wf:before{background-color:var(--wf-amber)!important}