:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#0c0f12;--color-surface:#14191f;--color-surface-raised:#1b222a;--color-border:#2a333d;--color-text:#f5f7f9;--color-muted:#96a2ae;--color-accent:#8fd3ff;--color-success:#82d9a2;--radius-sm:8px;--radius-md:14px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--max-content:1180px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--color-bg);color:var(--color-text)}a{color:inherit}button,input,textarea,select{font:inherit}.app-shell{min-height:100vh}.topbar{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#14191feb;display:flex;position:sticky;top:0}h1,h2,h3,p{margin:0}h1{font-size:1.15rem}h2{font-size:clamp(1.6rem,4vw,2.4rem)}.eyebrow{color:var(--color-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:700}.environment-badge,.status{border:1px solid var(--color-border);border-radius:999px;padding:6px 10px;font-size:.78rem}.status-healthy{color:var(--color-success)}.shell-grid{max-width:var(--max-content);grid-template-columns:190px minmax(0,1fr);margin:0 auto;display:grid}.sidebar{gap:var(--space-2);padding:var(--space-6) var(--space-4);border-right:1px solid var(--color-border);flex-direction:column;min-height:calc(100vh - 69px);display:flex}.nav-link{border-radius:var(--radius-sm);color:var(--color-muted);padding:10px 12px;text-decoration:none}.nav-link:hover,.nav-link:focus-visible{background:var(--color-surface);color:var(--color-text);outline:none}.nav-link.active{background:var(--color-surface-raised);color:var(--color-accent)}.content{min-width:0;padding:var(--space-8)}.stack{gap:var(--space-6);display:grid}.page-heading{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.muted{color:var(--color-muted);line-height:1.55}.metric-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.card,.panel{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-6)}.card{gap:var(--space-3);display:grid}.card span{color:var(--color-muted);font-size:.82rem}.card strong{font-size:1.35rem}.panel{gap:var(--space-4);display:grid}@media (width<=700px){.topbar{padding:var(--space-3) var(--space-4)}.shell-grid{display:block}.sidebar{z-index:9;border-right:0;border-bottom:1px solid var(--color-border);min-height:0;padding:var(--space-2) var(--space-4);background:var(--color-bg);flex-direction:row;position:sticky;top:61px;overflow-x:auto}.nav-link{white-space:nowrap}.content{padding:var(--space-6) var(--space-4)}.metric-grid{grid-template-columns:1fr}}.topbar-meta{justify-content:flex-end;align-items:center;gap:var(--space-2);min-width:0;display:flex}.environment-badge{text-overflow:ellipsis;white-space:nowrap;max-width:min(42vw,420px);overflow:hidden}.status-live{color:var(--color-success)}.status-reconnecting,.status-ready{color:var(--color-accent)}.status-offline,.status-blocked{color:#ff9b9b}.status-stale,.status-deferred{color:#e7c87b}.status-done{color:var(--color-muted)}.metric-grid-four{grid-template-columns:repeat(4,minmax(0,1fr))}.two-column{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.section-heading{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.detail-list{gap:var(--space-2);margin:0;display:grid}.detail-list>div{gap:var(--space-4);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);grid-template-columns:minmax(120px,.8fr) minmax(0,1.2fr);display:grid}.detail-list>div:last-child{border-bottom:0}.detail-list dt{color:var(--color-muted)}.detail-list dd{text-align:right;overflow-wrap:anywhere;margin:0}.compact-details>div{grid-template-columns:1fr auto}.feed{gap:var(--space-2);display:grid}.feed-row{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);display:flex}.feed-row:last-child{border-bottom:0}.alert-row{padding-left:var(--space-3);border-left:3px solid #ff9b9b}.text-link{color:var(--color-accent);font-weight:700;text-decoration:none}.text-link:hover,.text-link:focus-visible,.task-title:hover,.task-title:focus-visible{outline:none;text-decoration:underline}.count-badge{border:1px solid var(--color-border);min-width:30px;min-height:30px;color:var(--color-muted);border-radius:999px;justify-content:center;align-items:center;padding:4px 9px;font-size:.78rem;display:inline-flex}.count-alert{color:#ff9b9b}.list-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.compact-panel{align-content:start}.chip-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip{border:1px solid var(--color-border);color:var(--color-muted);border-radius:999px;align-items:center;padding:4px 8px;font-size:.75rem;display:inline-flex}.timeline{gap:var(--space-4);display:grid}.timeline-row{gap:var(--space-3);grid-template-columns:12px minmax(0,1fr);display:grid}.timeline-dot{background:var(--color-accent);border-radius:50%;width:9px;height:9px;margin-top:6px}.filter-bar{align-items:flex-end;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);flex-wrap:wrap;display:flex}.filter-bar label{color:var(--color-muted);gap:6px;font-size:.82rem;display:grid}.filter-bar select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);min-width:160px;color:var(--color-text);padding:8px 10px}.filter-bar .toggle-label{grid-auto-flow:column;align-items:center;gap:8px;min-height:36px;display:flex}.task-table{border:1px solid var(--color-border);border-radius:var(--radius-md);display:grid;overflow:hidden}.task-row{gap:var(--space-4);padding:var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border);grid-template-columns:minmax(0,1fr) minmax(120px,.24fr);display:grid}.task-row:last-child{border-bottom:0}.task-primary{gap:var(--space-2);min-width:0;display:grid}.task-title{color:var(--color-text);overflow-wrap:anywhere;font-weight:750;text-decoration:none}.task-owner{text-align:right;align-content:center;justify-items:end;gap:4px;display:grid}.context-body{white-space:pre-wrap;line-height:1.55}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem}details{border-top:1px solid var(--color-border);padding-top:var(--space-3)}summary{cursor:pointer;color:var(--color-accent);font-weight:700}pre{max-height:320px;padding:var(--space-3);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-muted);overflow:auto}@media (width<=900px){.metric-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}.list-grid,.two-column{grid-template-columns:1fr}}@media (width<=700px){.topbar-meta{max-width:62vw}.environment-badge{display:none}.metric-grid-four,.task-row{grid-template-columns:1fr}.task-owner{text-align:left;justify-items:start}.filter-bar{align-items:stretch}.filter-bar label,.filter-bar select{width:100%}.filter-bar .toggle-label{width:auto}.page-heading{align-items:flex-start}.detail-list>div{grid-template-columns:1fr;gap:4px}.detail-list dd{text-align:left}}.connection-screen{place-content:center;gap:var(--space-4);max-width:620px;min-height:100vh;padding:var(--space-8);text-align:center;margin:0 auto;display:grid}.connection-screen h1{font-size:clamp(1.6rem,5vw,2.5rem)}.primary-button{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-accent);color:var(--color-bg);font:inherit;cursor:pointer;justify-self:center;padding:10px 16px;font-weight:750}.primary-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.status-connecting{color:var(--color-accent)}