:root{color-scheme:light dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--bg: #eef2f6;--surface: #ffffff;--surface-2: #f8fafc;--panel: #ffffff;--text: #122033;--muted: #667085;--subtle: #98a2b3;--line: #d7dde6;--accent: #2457c5;--accent-2: #0f8b8d;--success: #157a43;--warning: #b86b00;--danger: #b42318;--held: #7a3b9a;--sidebar: #111827;--sidebar-2: #1f2937;--shadow: 0 16px 50px rgba(15, 23, 42, .12);--panel-radius: 8px;--panel-pad: 18px}@media (prefers-color-scheme: dark){:root{--bg: #0c111a;--surface: #151c28;--surface-2: #111827;--panel: #161f2d;--text: #f2f5f9;--muted: #b4bfcc;--subtle: #7f8a99;--line: #2d3746;--sidebar: #090d14;--sidebar-2: #111827;--shadow: 0 18px 60px rgba(0, 0, 0, .35)}}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);overflow-x:hidden}#root{min-width:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.loading-screen,.login-screen{min-height:100vh}.loading-screen{display:grid;place-items:center;color:var(--muted)}.login-screen{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:48px;align-items:center;padding:56px;background:linear-gradient(135deg,rgba(36,87,197,.12),transparent 36%),linear-gradient(180deg,var(--surface),var(--bg))}.login-copy{max-width:780px}.brand-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:8px;background:#2457c5;color:#fff;font-weight:800;letter-spacing:0}.eyebrow{margin:0 0 8px;color:var(--accent-2);font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}h1,h2{margin:0;line-height:1.05;letter-spacing:0}.login-copy h1{margin-top:22px;font-size:clamp(2.5rem,7vw,5.5rem);max-width:850px}.login-subtitle{max-width:650px;color:var(--muted);font-size:1.08rem;line-height:1.7}.login-signals{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.login-signals span,.metric{border:1px solid var(--line);border-radius:999px;padding:7px 12px;color:var(--muted);background:var(--surface);font-size:.84rem}.login-panel,.panel,.stat-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}.login-panel{border-radius:8px;padding:28px;display:grid;gap:18px}label{display:grid;gap:7px;color:var(--muted);font-size:.86rem;font-weight:700}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:7px;padding:11px 12px;background:var(--surface-2);color:var(--text);outline:none}textarea{min-height:88px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2457c524}.primary-btn,.secondary-btn,.ghost-btn,.icon-btn{border:0;border-radius:7px;min-height:40px;padding:0 15px;font-weight:800;white-space:nowrap}.primary-btn{color:#fff;background:var(--accent)}.primary-btn:disabled,.secondary-btn:disabled{cursor:not-allowed;opacity:.62}.secondary-btn{color:#fff;background:var(--sidebar-2)}.ghost-btn,.icon-btn{color:var(--text);background:var(--surface-2);border:1px solid var(--line)}.wide{width:100%}.app-shell{min-height:100vh;display:grid;grid-template-columns:272px minmax(0,1fr)}.sidebar{background:var(--sidebar);color:#fff;padding:22px;display:flex;flex-direction:column;gap:24px}.brand{display:flex;align-items:center;gap:12px}.brand span,.session-card span{display:block;color:#aeb7c4;font-size:.82rem}nav{display:grid;gap:8px}nav a{padding:11px 12px;border-radius:7px;color:#d6deea}nav a.active{background:#ffffff1f;color:#fff}nav a.disabled{opacity:.48}.session-card{margin-top:auto;display:grid;gap:10px;padding:14px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#ffffff0f}.session-card .ghost-btn{color:#fff;border-color:#ffffff29;background:#ffffff14}.workspace{min-width:0;width:100%;max-width:100%;overflow-x:hidden;padding:28px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:22px}.topbar h1{font-size:2rem}.topbar-stats{display:grid;grid-template-columns:repeat(3,minmax(124px,1fr));gap:12px;min-width:0}.stat-card{min-width:0;border-radius:var(--panel-radius);padding:15px;box-shadow:none}.stat-card span,.stat-card small{display:block;color:var(--muted);font-size:.78rem}.stat-card strong{display:block;min-width:0;margin:5px 0;color:var(--text);font-size:1.18rem;overflow-wrap:anywhere}.main-grid{display:grid;grid-template-columns:minmax(300px,340px) minmax(0,1fr);gap:20px;align-items:start;max-width:1680px;margin:0 auto;min-width:0}.left-rail,.detail-grid{display:grid;gap:16px;min-width:0}.detail-grid{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);align-items:start}.detail-grid>*{min-width:0}.panel{min-width:0;max-width:100%;border-radius:var(--panel-radius);padding:var(--panel-pad)}.section-card{align-self:stretch}.panel-header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:16px;min-width:0}.panel-header>div{min-width:0}.panel-header.compact h2{font-size:1rem}.create-panel{box-shadow:none}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.form-grid.tight{gap:11px}.span-2{grid-column:span 2}.search{margin-bottom:12px}.matter-rows,.document-list,.artifact-list,.error-stack{display:grid;gap:8px}.matter-row,.document-row,.artifact-row{width:100%;display:grid;align-items:center;border:1px solid var(--line);border-radius:8px;background:var(--surface-2)}.matter-row{grid-template-columns:42px minmax(0,1fr) auto;gap:10px;padding:10px;color:var(--text);text-align:left}.matter-row.active{border-color:var(--accent);background:#2457c514}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:#dbe7ff;color:#173b86;font-weight:900;font-size:.78rem}.matter-row-main{min-width:0}.matter-row-main strong,.matter-row-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.matter-row-main small,.document-row span,.artifact-row small{color:var(--muted);font-size:.78rem}.matter-hero{grid-column:1 / -1;min-width:0;border-radius:var(--panel-radius);padding:24px;color:#fff;background:linear-gradient(135deg,#2457c5f0,#0f8b8de0),#2457c5;display:flex;justify-content:space-between;gap:18px}.matter-hero h1{max-width:100%;font-size:clamp(1.55rem,2vw,2.15rem);overflow-wrap:anywhere}.matter-hero p{color:#ffffffd1;overflow-wrap:anywhere}.hero-badges{display:flex;flex:0 1 360px;flex-wrap:wrap;gap:8px;align-content:start;justify-content:flex-end;min-width:220px}.stat-grid{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;min-width:0}.wide-panel,.outputs-panel{grid-column:1 / -1}.pipeline-panel{overflow:hidden}.timeline{display:flex;gap:10px;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;padding:2px 2px 10px;scrollbar-gutter:stable;scroll-snap-type:x proximity}.timeline-step{flex:0 0 clamp(132px,12.5%,160px);min-height:132px;min-width:132px;border:1px solid var(--line);border-radius:var(--panel-radius);background:var(--surface-2);padding:12px;display:grid;align-content:start;gap:8px;scroll-snap-align:start}.timeline-step strong{text-transform:capitalize}.timeline-step small{color:var(--muted);line-height:1.45}.status{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:24px;border-radius:999px;padding:3px 9px;font-size:.72rem;font-weight:900;text-transform:uppercase;color:#344054;background:#eef2f6}.status-completed{color:#0f5132;background:#d9f3e5}.status-running{color:#084b83;background:#d8ebff}.status-failed{color:#7a1410;background:#ffe2df}.status-held{color:#4d1967;background:#f0def8}.status-skipped{color:#475467;background:#eaecf0}.status-pending,.status-new{color:#7a4b00;background:#fff0c9}.alert{border-radius:8px;padding:11px 12px;font-size:.9rem;line-height:1.45}.alert-error{color:var(--danger);background:#b423181a;border:1px solid rgba(180,35,24,.24)}.alert-ok{color:var(--success);background:#157a431a;border:1px solid rgba(21,122,67,.24)}.alert-warning{color:var(--warning);background:#b86b001a;border:1px solid rgba(184,107,0,.24)}.upload-box{display:grid;gap:10px;padding:12px;border:1px dashed var(--line);border-radius:8px;background:var(--surface-2);margin-bottom:12px}.document-row,.artifact-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:10px}.artifact-row:hover{border-color:var(--accent)}.artifact-row span:first-child{min-width:0}.artifact-row strong,.artifact-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.placeholder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.placeholder-card{border:1px solid var(--line);border-radius:var(--panel-radius);padding:12px;background:var(--surface-2);opacity:.82;display:grid;gap:7px}.placeholder-card small{color:var(--muted);line-height:1.45}.empty,.empty-detail{color:var(--muted)}.empty-detail{min-height:320px;display:grid;place-items:center}@media (max-width: 1480px){.detail-grid{grid-template-columns:1fr}.outputs-panel{grid-column:auto}}@media (max-width: 1320px){.main-grid{grid-template-columns:1fr}.left-rail{grid-template-columns:minmax(280px,.75fr) minmax(320px,1fr)}}@media (max-width: 880px){.login-screen,.app-shell{grid-template-columns:1fr}.login-screen{padding:24px}.sidebar{position:static}.topbar,.matter-hero{flex-direction:column}.topbar-stats,.stat-grid,.left-rail,.placeholder-grid{grid-template-columns:1fr}.hero-badges{justify-content:flex-start;min-width:0}.workspace{padding:16px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}}