.page-container{grid-template-columns:240px 1fr;min-height:100vh;display:grid}@media (max-width:768px){.page-container{grid-template-columns:1fr}}.page-container>main{min-width:0;overflow-y:auto}.topbar{border-bottom:1px solid hsl(var(--border));background:hsl(var(--background));flex-shrink:0;align-items:center;gap:12px;height:56px;padding:0 24px;display:flex}.topbar-crumb{color:hsl(var(--foreground));font-size:13px;font-weight:500}.topbar-spacer{flex:1}.topbar-right{align-items:center;gap:6px;display:flex}.page-header{flex-direction:column;align-items:flex-start;gap:2px;padding:32px 40px 24px;display:flex}.page-title{letter-spacing:-.02em;color:hsl(var(--foreground));font-size:20px;font-weight:600;line-height:1.2}.page-sub{color:hsl(var(--muted-foreground));font-size:13px;line-height:1.4}.page-body{padding:0 40px 40px}.stat-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (max-width:1200px){.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.stat-grid{grid-template-columns:1fr}}.ds-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:8px;overflow:hidden}.ds-card-header{border-bottom:1px solid hsl(var(--border));justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex}.ds-card-header .ds-card-title{color:hsl(var(--foreground));white-space:nowrap;font-size:13px;font-weight:600}.ds-card-body{padding:20px}.stat-tile-body{flex-direction:column;padding:20px 22px 12px;display:flex}.stat-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.stat-label{letter-spacing:.04em;text-transform:uppercase;color:hsl(var(--muted-foreground));font-size:11px;font-weight:600}.stat-icon{background:hsl(var(--muted));width:22px;height:22px;color:hsl(var(--muted-foreground));border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.stat-value{letter-spacing:-.025em;color:hsl(var(--foreground));font-variant-numeric:tabular-nums;font-size:32px;font-weight:600;line-height:1.1}.stat-unit{color:hsl(var(--muted-foreground));margin-left:4px;font-size:13px;font-weight:500}.stat-delta{font-variant-numeric:tabular-nums;align-items:center;gap:4px;margin-top:6px;font-size:12px;font-weight:500;display:inline-flex}.stat-delta.up{color:hsl(var(--success))}.stat-delta.down{color:hsl(var(--destructive))}.stat-delta.flat{color:hsl(var(--muted-foreground))}.ds-table-wrap{overflow:auto}.ds-table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}.ds-table th{text-align:left;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid hsl(var(--border));background:hsl(var(--card));white-space:nowrap;padding:14px 18px;font-size:11px;font-weight:500;position:sticky;top:0}.ds-table td{border-bottom:1px solid hsl(var(--border));vertical-align:middle;background:hsl(var(--card));padding:16px 18px}.ds-table tr:last-child td{border-bottom:none}.ds-table tbody tr{cursor:pointer}.ds-table tbody tr:hover td{background:hsl(var(--accent)/.5)}.ds-table .mono-cell{font-family:var(--font-mono);color:hsl(var(--muted-foreground));font-size:12px}.run-badge{white-space:nowrap;border-radius:9999px;align-items:center;gap:5px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.run-badge .run-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.run-badge.succeeded{background:hsl(var(--success)/.1);color:#3bde77}.run-badge.succeeded .run-dot{background:hsl(var(--success))}.run-badge.running{background:hsl(var(--brand)/.12);color:#65e5e7}.run-badge.running .run-dot{background:hsl(var(--brand))}.run-badge.queued{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground))}.run-badge.queued .run-dot{background:hsl(var(--muted-foreground))}.run-badge.failed{background:hsl(var(--destructive)/.1);color:#e66565}.run-badge.failed .run-dot{background:hsl(var(--destructive))}.run-badge.paused{background:hsl(var(--warning)/.12);color:#f8bc54}.run-badge.paused .run-dot{background:hsl(var(--warning))}.tabs-solid{background:hsl(var(--muted));border-radius:7px;gap:2px;padding:3px;display:inline-flex}.tabs-solid .tab{color:hsl(var(--muted-foreground));cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:background var(--duration-fast),color var(--duration-fast);border-radius:5px;padding:5px 12px;font-size:12px;font-weight:500}.tabs-solid .tab:hover{color:hsl(var(--foreground))}.tabs-solid .tab.active{background:hsl(var(--background));color:hsl(var(--foreground));box-shadow:0 1px 2px hsl(var(--foreground)/.06)}.tabs-solid .tab .tab-count{font-size:11px;font-family:var(--font-mono);color:hsl(var(--muted-foreground));margin-left:5px}.row-flex{align-items:center;gap:8px;display:flex}.theme-toggle{background:hsl(var(--muted));border-radius:6px;flex-shrink:0;align-items:center;gap:2px;padding:2px;display:flex}.theme-toggle button{color:hsl(var(--muted-foreground));cursor:pointer;transition:background var(--duration-fast),color var(--duration-fast);font-family:var(--font-sans);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:5px 8px;display:flex}.theme-toggle button:hover{color:hsl(var(--foreground))}.theme-toggle button.active{background:hsl(var(--background));color:hsl(var(--foreground));box-shadow:0 1px 2px hsl(var(--foreground)/.06)}.ds-row-link:hover{background:hsl(var(--accent)/.5)}.page-loading{justify-content:center;align-items:center;min-height:60vh;display:flex}.page-loading .spinner{border:2px solid hsl(var(--border));border-top-color:hsl(var(--brand));border-radius:50%;width:28px;height:28px;animation:.7s linear infinite ds-spin}@keyframes ds-spin{to{transform:rotate(360deg)}}