.auth-loading{display:flex;align-items:center;justify-content:center;height:100vh;background:#12110e;color:#c8c2b6;font-family:Inter,system-ui,sans-serif;font-size:14px}:root{color-scheme:dark;--colors-primary: #f54e00;--colors-primary-active: #d04200;--colors-canvas: #12110e;--colors-canvas-soft: #181713;--colors-surface-card: #1f1e19;--colors-surface-strong: #302e27;--colors-hairline: #343229;--colors-hairline-soft: #2a2822;--colors-hairline-strong: #514e43;--colors-ink: #f4f1e8;--colors-body: #c8c2b6;--colors-muted: #989184;--colors-muted-soft: #706a60;--colors-on-primary: #ffffff;--colors-timeline-thinking: #b87558;--colors-timeline-grep: #6f9f74;--colors-timeline-read: #6f8fbb;--colors-timeline-edit: #9271b6;--colors-timeline-done: #d39542;--colors-semantic-success: #58b991;--colors-semantic-error: #f06383;--rounded-sm: 6px;--rounded-md: 8px;--rounded-lg: 12px;--font-sans: Inter, system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", "Roboto Mono", Consolas, monospace}*{box-sizing:border-box}html{min-width:320px;background:var(--colors-canvas)}body{margin:0;color:var(--colors-ink);font-family:var(--font-sans);letter-spacing:0;overflow-x:hidden}button,iframe{font:inherit}button{border:0}.app-shell{width:min(1200px,calc(100% - 32px));min-height:100vh;margin:0 auto;padding:16px 0 80px;overflow-x:hidden}.topbar,.brand-lockup,.top-actions,.hero-strip,.hero-stats,.state-band,.state-band-steps,.workspace,.panel-header,.panel-title,.employee-card,.section-heading,.artifact-card,.event-row,.document-toolbar,.portal-grid,.action-card,.case-summary div,.connection-pill,.secondary-button,.primary-button{display:flex}.topbar{align-items:center;justify-content:space-between;gap:24px;min-height:64px;margin-bottom:32px;border-bottom:1px solid var(--colors-hairline)}.brand-lockup{align-items:center;min-width:0;max-width:100%;width:100%;gap:12px}.brand-lockup>div:last-child,.panel-title>div,.document-toolbar>div{flex:1;min-width:0;max-width:100%}.brand-mark{display:grid;flex:0 0 auto;width:32px;height:32px;place-items:center;border-radius:var(--rounded-md);color:var(--colors-primary);background:transparent}h1,h2,h3,h4,p{margin:0}h1{color:var(--colors-ink);font-size:18px;font-weight:600;line-height:1.4}.brand-lockup p,.panel-header p,.event-row p,.artifact-card small,.document-toolbar p,.action-card p,.case-summary p,.employee-card p,.metric span,.tiny-label,.step-row p{color:var(--colors-body);font-size:14px;font-weight:400;line-height:1.5;overflow-wrap:anywhere}.top-actions{align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.connection-pill,.secondary-button,.primary-button{align-items:center;justify-content:center;gap:8px;min-height:40px;border-radius:var(--rounded-md);padding:10px 18px;font-size:14px;font-weight:500;line-height:1;white-space:nowrap}.connection-pill{border:1px solid var(--colors-hairline-strong);color:var(--colors-body);background:var(--colors-surface-card)}.pulse{display:block;width:7px;height:7px;border-radius:999px}.pulse.online{background:var(--colors-semantic-success)}.pulse.idle{background:var(--colors-timeline-done)}.secondary-button,.primary-button,.green-button,.amber-button{cursor:pointer;transition:background .14s ease,border-color .14s ease,opacity .14s ease}.secondary-button{border:1px solid var(--colors-hairline-strong);color:var(--colors-ink);background:var(--colors-surface-card)}.primary-button{color:var(--colors-on-primary);background:var(--colors-primary)}.primary-button:active,.green-button:active,.amber-button:active{background:var(--colors-primary-active)}button:disabled{cursor:not-allowed;opacity:.56}.error-banner{margin-bottom:16px;padding:12px 16px;border:1px solid rgba(207,45,86,.34);border-radius:var(--rounded-md);color:var(--colors-semantic-error);background:var(--colors-surface-card);font-size:14px}.hero-strip{align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:24px;padding-bottom:28px;border-bottom:1px solid var(--colors-hairline)}.tiny-label{display:block;margin-bottom:8px;color:var(--colors-muted);font-size:11px;font-weight:600;letter-spacing:.88px;line-height:1.4;text-transform:uppercase}.hero-strip h2{width:100%;max-width:560px;color:var(--colors-ink);font-size:clamp(32px,4.5vw,56px);font-weight:400;letter-spacing:-1.12px;line-height:1.05;overflow-wrap:anywhere}.hero-stats{align-items:stretch;justify-content:flex-end;flex-wrap:wrap;gap:12px;max-width:610px}.metric{min-width:138px;padding:12px 16px;border:1px solid var(--colors-hairline);border-radius:var(--rounded-lg);background:var(--colors-surface-card)}.metric strong{display:block;margin-top:6px;color:var(--colors-ink);font-family:var(--font-mono);font-size:13px;font-weight:400;line-height:1.5;overflow-wrap:anywhere}.state-band{align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px;padding:16px 18px;border:1px solid var(--colors-hairline);border-radius:var(--rounded-lg);background:var(--colors-surface-card)}.state-band strong{display:block;color:var(--colors-ink);font-size:22px;font-weight:400;letter-spacing:-.11px;line-height:1.3}.state-band p{margin-top:4px;color:var(--colors-body);font-size:14px;line-height:1.5}.state-band-steps{align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;flex:0 0 auto}.state-chip{display:inline-flex;align-items:center;justify-content:center;min-height:30px;gap:7px;padding:7px 10px;border:1px solid var(--colors-hairline);border-radius:9999px;color:var(--colors-body);background:var(--colors-canvas-soft);font-size:12px;font-weight:500;line-height:1;white-space:nowrap}.state-chip.active{border-color:var(--colors-primary);color:var(--colors-on-primary);background:var(--colors-primary)}.workspace{position:relative;display:grid;grid-template-columns:minmax(360px,410px) minmax(0,1fr);align-items:start;gap:24px}.hr-panel,.employee-panel{min-width:0;border:1px solid var(--colors-hairline);border-radius:var(--rounded-lg);background:var(--colors-surface-card)}.hr-panel{padding:24px}.employee-panel{flex:1;padding:24px}.panel-header{align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.panel-title{align-items:flex-start;min-width:0;gap:12px}.panel-title h3{color:var(--colors-ink);font-size:26px;font-weight:400;letter-spacing:-.325px;line-height:1.25}.panel-icon,.action-icon{display:grid;flex:0 0 auto;width:32px;height:32px;place-items:center;border:1px solid var(--colors-hairline);border-radius:var(--rounded-md);color:var(--colors-ink);background:var(--colors-canvas-soft)}.employee-state{min-height:28px;padding:4px 10px;border-radius:9999px;color:var(--colors-ink);background:var(--colors-surface-strong);font-size:11px;font-weight:600;letter-spacing:.88px;line-height:1.4;text-transform:uppercase;white-space:nowrap}.employee-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin-bottom:24px;padding:16px;border:1px solid var(--colors-hairline);border-radius:var(--rounded-lg);background:var(--colors-canvas-soft)}.avatar{flex:0 0 auto;width:48px;height:48px;display:block;border-radius:9999px;border:1px solid var(--colors-hairline-strong);background:var(--colors-surface-card);object-fit:cover}.employee-info{min-width:0}.employee-card h4{color:var(--colors-ink);font-size:18px;font-weight:600;line-height:1.4}.employee-meta{margin-left:auto;text-align:right;white-space:nowrap}.employee-meta span{display:block;color:var(--colors-muted);font-size:11px;font-weight:600;letter-spacing:.88px;text-transform:uppercase}.employee-meta strong{color:var(--colors-ink);font-family:var(--font-mono);font-size:13px;font-weight:400}.progress-section,.artifact-section,.event-section,.agent-ticker{margin-top:24px}.section-heading{align-items:center;justify-content:space-between;margin-bottom:12px}.section-heading h4{color:var(--colors-ink);font-size:18px;font-weight:600;line-height:1.4}.section-heading span{color:var(--colors-muted);font-family:var(--font-mono);font-size:13px}.step-stack,.artifact-list,.event-list{display:grid;gap:8px}.step-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:12px;border:1px solid var(--colors-hairline);border-radius:var(--rounded-md);background:var(--colors-canvas-soft)}.step-row.active{border-color:var(--colors-hairline-strong);background:var(--colors-surface-card)}.step-row.done{background:var(--colors-canvas-soft)}.step-row.locked{color:var(--colors-muted)}.step-icon{display:grid;width:30px;height:30px;place-items:center;border:1px solid var(--colors-hairline);border-radius:var(--rounded-sm);color:var(--colors-ink);background:var(--colors-surface-card)}.timeline-pill{justify-self:end;min-width:74px;padding:4px 10px;border-radius:9999px;color:var(--colors-ink);font-size:11px;font-weight:600;letter-spacing:.88px;line-height:1.4;text-align:center;text-transform:uppercase}.timeline-pill.thinking{background:var(--colors-timeline-thinking)}.timeline-pill.grep{background:var(--colors-timeline-grep)}.timeline-pill.read{background:var(--colors-timeline-read)}.timeline-pill.edit{background:var(--colors-timeline-edit)}.timeline-pill.done{color:#16130f;background:var(--colors-timeline-done)}.ticker-rows{display:grid;gap:8px}.ticker-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-height:38px;padding:8px 10px;border:1px solid var(--colors-hairline);border-radius:var(--rounded-md);background:var(--colors-canvas-soft)}.ticker-row strong{color:var(--colors-ink);font-size:13px;font-weight:500;line-height:1.35}.ticker-row .timeline-pill{min-width:78px;justify-self:start}.artifact-card{align-items:center;width:100%;min-height:62px;gap:12px;padding:12px;border:1px solid var(--colors-hairline);border-radius:var(--rounded-md);color:var(--colors-ink);background:var(--colors-surface-card);text-align:left}.artifact-thumb{position:relative;display:grid;flex:0 0 48px;width:48px;height:58px;place-items:center;align-content:center;gap:4px;border:1px solid var(--colors-hairline-strong);border-radius:6px;color:var(--colors-ink);background:var(--colors-canvas-soft)}.artifact-thumb:before{position:absolute;top:0;right:0;width:13px;height:13px;border-bottom:1px solid var(--colors-hairline-strong);border-left:1px solid var(--colors-hairline-strong);background:var(--colors-surface-card);content:""}.artifact-thumb strong{color:var(--colors-body);font-family:var(--font-mono);font-size:9px;font-weight:400;line-height:1;text-transform:uppercase}.artifact-card span{min-width:0;flex:1}.artifact-card .artifact-thumb{min-width:48px;flex:0 0 48px}.artifact-card strong,.artifact-card small{display:block}.artifact-card strong,.step-row strong,.action-card h4,.case-summary strong{color:var(--colors-ink);font-size:16px;font-weight:600;line-height:1.4}.artifact-card .artifact-thumb strong{color:var(--colors-body);font-family:var(--font-mono);font-size:9px;font-weight:400;line-height:1;text-transform:uppercase}.artifact-card.selected{border-color:var(--colors-primary);background:var(--colors-canvas-soft)}.empty-box{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--colors-hairline);border-radius:var(--rounded-md);color:var(--colors-body);background:var(--colors-canvas-soft);font-size:14px}.event-list{max-height:420px;overflow:auto;padding-right:2px}.event-row{align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--colors-hairline);border-radius:var(--rounded-md);background:var(--colors-canvas-soft)}.event-row code{display:block;margin-bottom:4px;color:var(--colors-body);font-family:var(--font-mono);font-size:13px;font-weight:400;line-height:1.5}.event-row strong{display:block;margin-bottom:4px;color:var(--colors-ink);font-size:16px;font-weight:600;line-height:1.4}.event-dot{width:7px;height:7px;margin-top:7px;border-radius:999px;background:var(--colors-primary)}.event-dot.employee{background:var(--colors-semantic-success)}.event-dot.webhook{background:var(--colors-timeline-done)}.event-dot.error{background:var(--colors-semantic-error)}.portal-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(248px,276px);align-items:start;gap:16px}.document-stage{flex:1;min-width:0}.document-toolbar{align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px;padding:16px;border:1px solid var(--colors-hairline);border-radius:var(--rounded-lg);background:var(--colors-canvas-soft)}.document-toolbar h3{color:var(--colors-ink);max-width:420px;font-size:clamp(22px,3vw,26px);font-weight:400;letter-spacing:-.325px;line-height:1.25}.open-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:10px 18px;border:1px solid var(--colors-hairline-strong);border-radius:var(--rounded-md);color:var(--colors-ink);background:var(--colors-surface-card);font-size:14px;font-weight:500;line-height:1;text-decoration:none;white-space:nowrap}.document-frame-wrap{position:relative;height:min(68vh,620px);min-height:520px;border:1px solid var(--colors-hairline);border-radius:var(--rounded-lg);overflow:hidden;background:var(--colors-surface-card)}.document-frame-wrap iframe{width:100%;height:100%;border:0;background:var(--colors-surface-card)}.document-placeholder{display:grid;height:100%;min-height:520px;place-items:center;align-content:center;gap:8px;padding:24px;color:var(--colors-body);text-align:center}.document-placeholder strong{color:var(--colors-ink);font-size:22px;font-weight:400;letter-spacing:-.11px;line-height:1.3}.action-dock{flex:0 0 292px;display:grid;align-content:start;gap:12px}.action-card,.case-summary{border:1px solid var(--colors-hairline);border-radius:var(--rounded-lg);background:var(--colors-surface-card)}.action-card{flex-direction:column;gap:12px;padding:16px}.action-card.complete{background:var(--colors-canvas-soft)}.action-icon.amber{color:var(--colors-ink);background:var(--colors-canvas-soft)}.green-button,.amber-button{min-height:40px;border-radius:var(--rounded-md);color:var(--colors-on-primary);background:var(--colors-primary);font-size:14px;font-weight:500;line-height:1}.action-card.complete .green-button,.action-card.complete .amber-button{color:var(--colors-body);background:var(--colors-surface-strong)}.case-summary{padding:16px}.case-summary div{align-items:center;gap:8px;margin-bottom:10px;color:var(--colors-muted);font-size:11px;font-weight:600;letter-spacing:.88px;line-height:1.4;text-transform:uppercase}.case-summary p{margin-top:4px;font-family:var(--font-mono);font-size:13px;overflow-wrap:anywhere}@media(max-width:1180px){.workspace{grid-template-columns:1fr}.portal-grid{grid-template-columns:minmax(0,1fr)}.action-dock{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.app-shell{width:min(100% - 18px,1200px);padding-top:8px;padding-bottom:48px}.topbar,.hero-strip,.state-band,.document-toolbar{align-items:stretch;flex-direction:column}.topbar{min-height:auto;padding-bottom:16px}.brand-lockup p,.panel-header p{max-width:280px}.top-actions,.hero-stats,.state-band-steps{justify-content:stretch}.connection-pill,.secondary-button,.primary-button,.metric,.state-chip,.open-link{width:100%}.hero-strip h2{max-width:10ch;font-size:29px;letter-spacing:-.64px;line-height:1.12}.hr-panel,.employee-panel{padding:16px}.employee-card{grid-template-columns:auto minmax(0,1fr);align-items:flex-start}.employee-meta{grid-column:2;margin-left:0;text-align:left}.step-row{grid-template-columns:auto minmax(0,1fr)}.timeline-pill{justify-self:start}.action-dock{grid-template-columns:1fr}.document-frame-wrap,.document-placeholder{min-height:520px}.document-frame-wrap iframe{height:520px}}