:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f0e8;font-synthesis:none;text-rendering:optimizelegibility;background:#101314;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#101314;min-width:320px;min-height:100dvh;margin:0}button,input,textarea{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}#root{min-height:100dvh}.login-screen{background:linear-gradient(140deg,#31a8751c,#0000 38%),linear-gradient(320deg,#ca5d4824,#0000 42%),#101314;place-items:center;min-height:100dvh;padding:24px;display:grid}.login-panel{background:#141919f0;border:1px solid #ffffff21;border-radius:8px;gap:18px;width:min(420px,100%);padding:24px;display:grid;box-shadow:0 22px 80px #00000057}.brand-row,.sidebar-brand{align-items:center;gap:12px;display:flex}.brand-mark{color:#07110c;background:#35d194;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.brand-row h1,.route-header h1{letter-spacing:0;margin:0;font-size:22px;line-height:1.15}.brand-row p,.route-header p{color:#aab5ae;margin:3px 0 0;font-size:13px}.field{color:#d9ded9;gap:7px;font-size:13px;font-weight:650;display:grid}.ui-input,.ui-textarea{color:#fffaf0;background:#0d1011;border:1px solid #ffffff2e;border-radius:6px;outline:none;width:100%;padding:11px 12px}.ui-textarea{resize:vertical;min-height:84px;line-height:1.45}.ui-input:focus,.ui-textarea:focus{border-color:#35d194;box-shadow:0 0 0 2px #35d19438}.button-row{align-items:center;gap:10px;display:flex}.button-row.end{justify-content:flex-end}.button-row>.ui-button{flex:1}.button-row.end>.ui-button{flex:initial}.ui-button{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.ui-button:disabled{opacity:.55;cursor:not-allowed}.ui-button-md{min-height:38px;padding:8px 13px;font-size:14px}.ui-button-sm{min-height:30px;padding:5px 10px;font-size:13px}.ui-button-icon{width:34px;height:34px;padding:0}.ui-button-primary{color:#07110c;background:#35d194;font-weight:750}.ui-button-secondary{color:#f4f0e8;background:#252b2b;border-color:#ffffff1f}.ui-button-ghost{color:#cfd8d2;background:0 0}.ui-button-danger{color:#170806;background:#d46a57}.form-status{min-height:18px;font-size:13px}.status-good{color:#7ee6b4}.status-bad{color:#ff9a86}.app-shell{background:#101314;grid-template-columns:248px 1fr;min-height:100dvh;display:grid}.sidebar{background:#141818;border-right:1px solid #ffffff1a;flex-direction:column;gap:18px;min-height:100dvh;padding:18px;display:flex}.sidebar-brand{border-bottom:1px solid #ffffff17;padding:6px 4px 14px}.sidebar-brand strong{font-size:15px;display:block}.sidebar-brand span{color:#aab5ae;text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:12px;display:block;overflow:hidden}.nav-list{gap:4px;display:grid}.nav-link{color:#cdd7d1;border-radius:6px;align-items:center;gap:10px;min-height:38px;padding:8px 10px;font-size:14px;display:flex}.nav-link.active{color:#effaf5;background:#20302b}.signout{justify-content:flex-start;margin-top:auto}.content{min-width:0;min-height:0;padding:28px}.route-stack{gap:18px;max-width:1180px;display:grid}.route-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.route-header svg{color:#35d194}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metric,.surface{background:#151919;border:1px solid #ffffff1a;border-radius:8px}.metric{min-height:82px;padding:14px}.metric-label{color:#aab5ae;margin-bottom:8px;font-size:12px}.metric-value{overflow-wrap:anywhere;min-width:0;font:15px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace}.metric-good{color:#7ee6b4}.metric-warn{color:#f1c16d}.metric-bad{color:#ff9a86}.surface{gap:14px;padding:16px;display:grid}.surface h2,.surface-heading h2{letter-spacing:0;margin:0;font-size:14px}.surface-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.toolbar,.chat-status{flex-wrap:wrap;gap:8px;display:flex}.ui-badge{border:1px solid #ffffff1f;border-radius:999px;align-items:center;min-height:24px;padding:3px 8px;font-size:12px;line-height:1;display:inline-flex}.ui-badge-neutral{color:#cfd8d2;background:#202625}.ui-badge-good{color:#75e8b0;background:#153229}.ui-badge-warn{color:#f1c16d;background:#332817}.ui-badge-bad{color:#ff9a86;background:#351c17}.json-panel{background:#0c0f10;border-radius:6px;max-width:100%;padding:12px;font-size:12px;overflow:auto}.json-panel .json-view-lite{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.empty-state{color:#aab5ae;text-align:center;place-items:center;min-height:132px;display:grid}.empty-state p{margin:6px 0 0}.error-surface{color:#ff9a86;grid-auto-flow:column;justify-content:start}.agent-layout{grid-template-rows:auto auto minmax(0,1fr) auto;min-height:calc(100dvh - 56px)}.chat-log{align-content:start;gap:12px;min-height:0;padding:4px;display:grid;overflow:auto}.message{background:#151919;border:1px solid #ffffff1a;border-radius:8px;gap:6px;max-width:860px;padding:13px;display:grid}.message-user{background:#17251f;justify-self:end}.message-role{color:#aab5ae;text-transform:capitalize;font-size:12px}.message-body{gap:8px;line-height:1.5;display:grid}.message-body p{white-space:pre-wrap;margin:0}.tool-approval{background:#1d1a13;border:1px solid #f1c16d57;border-radius:6px;gap:10px;padding:11px;display:grid}.tool-approval-title{color:#f1c16d;margin-bottom:8px;font-size:13px;font-weight:750}.chat-form{gap:10px;display:grid}.screen-loader{color:#aab5ae;place-items:center;min-height:100dvh;display:grid}@media (width>=861px){.app-shell,.sidebar{height:100dvh;min-height:0}.content{height:100dvh;overflow:auto}}@media (width<=860px){.app-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #ffffff1a;border-right:0;min-height:auto}.nav-list{grid-template-columns:repeat(5,minmax(0,1fr))}.nav-link{justify-content:center}.nav-link span,.signout{display:none}.content{padding:18px}.agent-layout{min-height:0}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=540px){.metric-grid{grid-template-columns:1fr}.route-header{align-items:flex-start}}