:root{color-scheme:light;--bg: #f5f7f8;--surface: #ffffff;--surface-2: #edf2f4;--text: #172026;--muted: #62717a;--line: #d9e1e5;--accent: #0f766e;--accent-2: #7c3aed;--danger: #b42318;--warning: #b54708;--ok: #15803d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button{font:inherit}.app-shell{width:min(1840px,calc(100% - 24px));margin:0 auto;padding:18px 0 32px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--line)}.eyebrow{margin:0 0 6px;color:var(--accent);font-size:13px;font-weight:700;text-transform:uppercase}h1,h2,p{margin:0}h1{font-size:clamp(28px,4vw,44px);line-height:1.05}h2{font-size:17px}.subtitle{margin-top:8px;max-width:780px;color:var(--muted);font-size:14px;line-height:1.5}.topbar-actions{display:flex;align-items:center;gap:10px}.status{border:1px solid var(--line);border-radius:999px;padding:7px 12px;font-size:13px;font-weight:700;background:var(--surface)}.status.online{color:var(--ok)}.status.offline{color:var(--danger)}.icon-button{display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);cursor:pointer}.text-button,.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border-radius:8px;border:1px solid var(--line);padding:0 13px;background:var(--surface);color:var(--text);font-weight:750;cursor:pointer}.primary-button{width:100%;border-color:var(--accent);background:var(--accent);color:#fff}.notice{margin-top:16px;padding:12px 14px;border:1px solid #fecaca;border-radius:8px;background:#fff1f2;color:var(--danger)}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}.project-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:14px;margin-top:16px;align-items:start}.side-nav{position:sticky;top:16px;display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.nav-item{display:flex;align-items:center;gap:10px;min-height:40px;border:1px solid transparent;border-radius:8px;padding:0 10px;background:transparent;color:var(--muted);font-weight:750;text-align:left;cursor:pointer}.nav-item svg{width:18px;height:18px}.nav-item:hover,.nav-item.active{border-color:var(--line);background:#f2fbf9;color:var(--accent)}.route-content{min-width:0}.overview-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(420px,.85fr);gap:16px}.project-section{margin-top:22px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.project-card{display:grid;align-content:space-between;gap:18px;min-height:220px;padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.project-card h2{margin-top:12px;font-size:22px}.project-card p{margin-top:8px;color:var(--muted);font-size:14px;line-height:1.5}.project-status{display:inline-flex;border-radius:999px;padding:5px 9px;background:#e8f5f3;color:var(--accent);font-size:12px;font-weight:800;text-transform:uppercase}.metric,.panel,.activity-band{background:var(--surface);border:1px solid var(--line);border-radius:8px}.metric{display:flex;align-items:center;gap:14px;padding:18px}.metric-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;background:var(--surface-2);color:var(--accent)}.metric svg{width:20px;height:20px}.metric p,.task-row p,.agent-row p,.compact-list p{color:var(--muted);font-size:13px}.metric strong{display:block;margin-top:4px;font-size:28px}.workspace-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.panel{min-height:240px;padding:18px}.section-title{display:flex;align-items:center;gap:9px;margin-bottom:14px}.section-title svg{width:18px;height:18px;color:var(--accent)}.task-list,.agent-list,.compact-list,.activity-list{display:grid;gap:10px}.route-content>.panel .task-list{grid-template-columns:repeat(auto-fit,minmax(420px,1fr))}.route-content>.activity-band .activity-list{grid-template-columns:repeat(auto-fit,minmax(460px,1fr))}.route-content>.panel .agent-list,.route-content .compact-list{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.task-row,.agent-row,.compact-list article,.activity-list article{border:1px solid var(--line);border-radius:8px;padding:13px;background:#fbfcfc}.task-row{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:12px;width:100%;text-align:left;color:inherit}.task-row:hover,.task-row.selected{border-color:var(--accent);background:#f2fbf9}.task-open{display:block;min-width:0;border:0;padding:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.task-open p{width:100%}.danger-icon-button{display:inline-grid;place-items:center;width:32px;height:32px;border:1px solid #fecaca;border-radius:8px;background:#fff1f2;color:var(--danger);cursor:pointer}.danger-icon-button:hover{border-color:var(--danger);background:#fee2e2}.row-title{font-weight:750;margin-bottom:5px}.row-meta{display:flex;align-items:flex-end;flex-direction:column;gap:8px;color:var(--muted);font-size:13px}.pill{border-radius:999px;padding:5px 9px;background:var(--surface-2);color:var(--text);font-weight:700}.pill.ready{color:var(--accent)}.pill.needs_review,.pill.awaiting_review,.pill.changes_requested{color:var(--warning)}.pill.approved,.pill.closed,.pill.done{color:var(--ok)}.agent-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px}.avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;background:#e8f5f3;color:var(--accent);font-weight:800}.dot{width:10px;height:10px;border-radius:999px;background:var(--muted)}.dot.online{background:var(--ok)}.activity-band{margin-top:16px;padding:18px}.route-band{margin-top:0}.task-detail{margin-top:16px;padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.task-detail-head{display:flex;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--line)}.task-detail-head h2{font-size:24px;margin-bottom:8px}.task-detail-head p{color:var(--muted);line-height:1.5}.detail-grid{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr);gap:16px;margin-top:16px}.task-detail h3{margin:0 0 10px;font-size:16px}.definition-list{display:grid;gap:8px;margin:0}.definition-list div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:10px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fbfcfc}.definition-list dt{color:var(--muted);font-size:13px}.definition-list dd{margin:0;font-weight:700;overflow-wrap:anywhere}.handoff-box,.review-item,.thread-item{border:1px solid var(--line);border-radius:8px;background:#fbfcfc}.handoff-box{margin-top:10px;padding:12px}.handoff-box p,.review-item p,.thread-item p,.muted{color:var(--muted);font-size:14px;line-height:1.5}.review-list,.thread-list{display:grid;gap:10px}.thread-list{grid-template-columns:repeat(auto-fit,minmax(520px,1fr))}.review-item{padding:12px}.review-title{display:flex;align-items:center;gap:10px;margin-bottom:8px}.thread-section{margin-top:16px}.support-grid{display:grid;grid-template-columns:minmax(360px,1fr) minmax(300px,.75fr) minmax(360px,1fr);gap:16px;margin-top:16px}.support-grid>section{border:1px solid var(--line);border-radius:8px;background:#fbfcfc;padding:14px}.compact-title{justify-content:space-between;margin-bottom:10px}.upload-button{position:relative;display:inline-flex;align-items:center;min-height:32px;border-radius:8px;border:1px solid var(--accent);padding:0 10px;background:#e8f5f3;color:var(--accent);font-size:13px;font-weight:800;cursor:pointer}.upload-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.attachment-list,.checklist,.evidence-list{display:grid;gap:10px}.attachment-item,.check-item,.evidence-item{border:1px solid var(--line);border-radius:8px;background:var(--surface)}.attachment-item{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center;padding:10px;color:inherit;text-decoration:none}.attachment-item img{width:96px;height:68px;object-fit:cover;border-radius:6px;border:1px solid var(--line);background:var(--surface-2)}.check-item{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:center;padding:10px}.check{display:inline-grid;place-items:center;min-width:34px;height:24px;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:11px;font-weight:800}.check.done{background:#dcfce7;color:var(--ok)}.evidence-item{padding:10px}.evidence-item a{display:block;margin-top:6px;color:var(--accent);overflow-wrap:anywhere}.thread-item{display:grid;grid-template-columns:130px minmax(0,1fr);gap:12px;padding:12px}.thread-item span{color:var(--accent-2);font-size:13px;font-weight:800}.activity-list article{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px}.activity-list span{color:var(--accent-2);font-size:13px;font-weight:800}.activity-list p{color:var(--text);font-size:14px}@media(max-width:900px){.metrics-grid,.workspace-grid,.project-grid,.detail-grid,.support-grid,.project-layout,.overview-grid{grid-template-columns:1fr}.side-nav{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.route-content>.panel .task-list,.route-content>.activity-band .activity-list,.route-content>.panel .agent-list,.route-content .compact-list,.thread-list{grid-template-columns:1fr}.topbar,.task-row,.activity-list article,.task-detail-head,.thread-item{align-items:stretch;grid-template-columns:1fr}.topbar{flex-direction:column}.topbar-actions{width:100%;justify-content:space-between}.row-meta{align-items:flex-start}}