:root{--bg: #f8fafc;--surface: #ffffff;--border: #e2e8f0;--border-soft: #f1f5f9;--row-hover: #f8fafc;--row-active: #eff6ff;--accent: #2563eb;--topbar-bg: rgba(255, 255, 255, .85)}[data-theme=dark]{--bg: #0b1220;--surface: #111a2e;--border: #243042;--border-soft: #1c2840;--row-hover: rgba(148, 163, 184, .08);--row-active: rgba(59, 130, 246, .14);--accent: #3b82f6;--topbar-bg: rgba(17, 26, 46, .85)}html,body,#root{min-height:100%}body{margin:0}*{box-sizing:border-box}.appShell{min-height:100vh;background:var(--bg)}.topBar{border-bottom:1px solid var(--border);background:var(--topbar-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contentBand{width:min(1480px,100%);margin:0 auto;padding:18px 22px 28px}.metricGrid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px}.metricTile{min-height:96px;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:16px}.workGrid{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:16px;align-items:start}.workGrid>:first-child{position:sticky;top:160px;align-self:start}.workGrid>:first-child .scrollTable{max-height:calc(100vh - 240px)}.sectionPanel{border:1px solid var(--border);border-radius:8px;background:var(--surface)}.panelHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:12px 16px;border-bottom:1px solid var(--border-soft)}.panelBody{padding:16px}.scrollTable{overflow:auto;max-height:calc(100vh - 150px);-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.rowButton{width:100%;text-align:left;border:0;border-bottom:1px solid var(--border-soft);background:transparent;padding:12px;cursor:pointer;transition:background-color .12s ease;color:inherit}.rowButton:hover{background:var(--row-hover)}.rowButton.active{background:var(--row-active);box-shadow:inset 3px 0 0 var(--accent)}.chartBox{height:320px;min-height:320px}.toolbarRow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}@media(max-width:980px){.contentBand{padding:14px 12px 22px}.metricGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.workGrid{grid-template-columns:1fr}.workGrid>:first-child{position:static}.workGrid>:first-child .scrollTable{max-height:420px}.chartBox{height:280px;min-height:280px}}@media(max-width:560px){.contentBand{padding:12px 10px 20px}.metricGrid{grid-template-columns:1fr}.panelHeader{align-items:flex-start;flex-direction:column;min-height:0;padding:10px 12px}.panelBody{padding:12px}.metricTile{min-height:0;padding:12px}.scrollTable .MuiTableCell-root{padding:8px 10px;font-size:.8rem}.scrollTable .MuiTableCell-root .MuiTypography-body2{font-size:inherit}.scrollTable .MuiTableCell-root .MuiTypography-caption{font-size:.72rem}.scrollTable .MuiTableCell-head{padding:6px 10px;font-size:.66rem}.scrollTable{max-height:none}.workGrid>:first-child .scrollTable{max-height:50vh}.chartBox{height:240px;min-height:240px}.rowButton{padding:14px 12px}}