:root{--bg: #0f1117;--surface: #1a1d27;--surface-2: #0f1117;--border: #2d3148;--border-light: #1e2235;--text: #e2e8f0;--text-muted: #94a3b8;--text-dim: #64748b;--text-faint: #475569;--accent: #7c83ff;--green: #22c55e;--red: #f87171;--yellow: #f59e0b;--sidebar-w: 220px;--topbar-h: 52px;--radius: 8px;--radius-sm: 6px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}.app-shell{display:flex;min-height:100vh}.app-sidebar{width:var(--sidebar-w);flex-shrink:0}.app-main{flex:1;min-width:0;overflow-y:auto;padding:1.5rem}.dashboard-page{height:calc(100vh - 3rem)}.topbar{display:none;align-items:center;gap:.75rem;height:var(--topbar-h);padding:0 1rem;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.chart-wrap{width:100%;overflow:hidden}.page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.btn-group{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.tab-bar{display:flex;border-bottom:1px solid var(--border);margin-bottom:1rem;overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 767px){.topbar{display:flex}.app-sidebar{position:fixed;top:0;left:0;height:100vh;z-index:100;transform:translate(-100%);transition:transform .25s ease;width:min(var(--sidebar-w),85vw)}.app-sidebar.is-open{transform:translate(0)}.sidebar-backdrop.is-open{display:block}.app-shell{flex-direction:column}.app-main{padding:1rem;width:100%}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.5rem}.dashboard-page{height:calc(100vh - var(--topbar-h) - 2rem)}.dashboard-chart-wrap{min-height:300px}.page-header{flex-direction:column;align-items:flex-start}.run-row-grid{grid-template-columns:50px 55px 1fr 60px 60px!important}.run-row-date{display:none}.tab-bar{gap:0}}@media (min-width: 768px) and (max-width: 1023px){.app-main{padding:1.25rem}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}@media (min-width: 768px){.topbar,.sidebar-backdrop{display:none!important}.app-sidebar{position:sticky;top:0;height:100vh;transform:none!important;transition:none}}