:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172026;background:#f5f7f8;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{align-items:center;border:1px solid transparent;border-radius:7px;cursor:pointer;display:inline-flex;gap:8px;min-height:36px;justify-content:center;padding:0 12px}a{color:inherit}.appShell{--bg: #eef2f3;--panel: #ffffff;--panel-2: #f8fafb;--text: #172026;--muted: #65727c;--border: #d9e0e4;--accent: #2364aa;--good: #11805a;--warn: #a86412;background:var(--bg);color:var(--text);display:grid;grid-template-areas:"top top top" "nav main codex";grid-template-columns:196px minmax(0,1fr) minmax(330px,390px);grid-template-rows:58px minmax(0,calc(100vh - 58px));min-height:100vh}.appShell[data-theme=dark],.loginShell[data-theme=dark]{--bg: #101418;--panel: #171d22;--panel-2: #20272d;--text: #f3f6f7;--muted: #a6b0b8;--border: #313a42;--accent: #6ca6d9;--good: #4fc18e;--warn: #e5a449}.topBar{align-items:center;background:var(--panel);border-bottom:1px solid var(--border);display:flex;grid-area:top;justify-content:space-between;padding:0 18px}.brandBlock{align-items:center;display:flex;gap:10px}.brandBlock div{display:grid;gap:1px}.brandBlock span,.pageHeader p,.systemHeader span,.rowItem span,.codexHeader span,.metric span{color:var(--muted)}.brandBlock.large{align-items:flex-start}.brandBlock.large h1{font-size:28px;line-height:1.05;margin:0}.brandMark{align-items:center;background:var(--accent);border-radius:6px;color:#fff;display:inline-flex;font-size:13px;font-weight:800;height:30px;justify-content:center;width:30px}.topStatus,.actionRow,.codexHeader,.composerRow{align-items:center;display:flex;gap:10px}.statusPill{border-radius:999px;display:inline-flex;font-size:13px;font-weight:650;padding:5px 9px}.statusPill.good{background:#11805a26;color:var(--good)}.statusPill.neutral{background:var(--panel-2);color:var(--muted)}.iconButton{background:var(--panel-2);color:var(--text);padding:0;width:36px}.leftNav{background:var(--panel);border-right:1px solid var(--border);display:grid;align-content:start;gap:5px;grid-area:nav;padding:14px 10px}.navButton{background:transparent;color:var(--muted);justify-content:flex-start;width:100%}.navButton.active,.navButton:hover{background:var(--panel-2);color:var(--text)}.mainPane{grid-area:main;min-width:0;overflow:auto;padding:24px}.pageHeader{align-items:end;display:flex;justify-content:space-between;margin-bottom:18px}.pageHeader h1,.sectionBand h2,.systemHeader h2,.rowItem h2{margin:0}.pageHeader p{margin:5px 0 0}.metricGrid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.metric,.sectionBand,.tablePanel,.rowItem{background:var(--panel);border:1px solid var(--border);border-radius:8px}.metric{display:grid;gap:12px;padding:16px}.metric strong{font-size:24px}.metric.good{border-top:3px solid var(--good)}.metric.info{border-top:3px solid var(--accent)}.metric.neutral{border-top:3px solid var(--muted)}.sectionBand{margin-top:16px;padding:16px}.activityList,.dataList{display:grid;gap:10px}.activityRow,.rowItem,.systemHeader{align-items:center;display:flex;justify-content:space-between}.activityRow{border-top:1px solid var(--border);padding-top:10px}.tablePanel{display:grid;gap:16px;padding:16px}.hostGrid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.hostGrid a,.rowItem a{color:var(--accent);font-weight:650;overflow-wrap:anywhere}.actionRow button,.composerRow button,.loginForm button{background:var(--accent);color:#fff}.rowItem{gap:16px;padding:14px 16px}.codexPane{background:var(--panel);border-left:1px solid var(--border);display:grid;grid-area:codex;grid-template-rows:minmax(0,1fr);min-width:0}.assistantShell{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;overflow:hidden}.assistantTop{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:12px;justify-content:space-between;min-height:62px;padding:12px 14px}.assistantTop div:first-child{display:grid;gap:3px;min-width:0}.assistantTop span,.assistantEmpty p,.assistantLogin p,.assistantMessage p,.assistantTool p,.assistantReasoning p,.assistantEvidence p,.assistantApproval p,.assistantControls span,.assistantState{color:var(--muted)}.assistantTopActions,.assistantApprovalActions,.assistantControls,.assistantContextChips{align-items:center;display:flex;gap:8px}.assistantState,.assistantLogin{align-content:center;display:grid;gap:12px;justify-items:start;padding:18px 14px}.assistantLogin{border-bottom:1px solid var(--border)}.assistantLogin button,.assistantApproval button,.assistantComposer button{background:var(--accent);color:#fff}.deviceCode{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;display:grid;gap:8px;padding:10px;width:100%}.deviceCode code{font-size:20px;font-weight:800;letter-spacing:0}.assistantConnected{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0}.assistantThreads{border-bottom:1px solid var(--border);display:flex;gap:8px;overflow-x:auto;padding:10px 14px}.assistantThreadRoot{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0}.assistantThreadHeader{align-items:center;display:flex;justify-content:space-between;padding:10px 14px}.assistantViewport{min-height:0;overflow:auto;padding:0 14px 14px}.assistantEmpty,.assistantMessage,.assistantTool,.assistantReasoning,.assistantEvidence,.assistantApproval{border:1px solid var(--border);border-radius:8px;display:grid;gap:8px;padding:12px}.assistantEmpty{background:var(--panel-2)}.assistantMessages{display:grid;gap:10px}.assistantMessage.user{border-color:#2364aa59}.assistantMessage.assistant,.assistantTool,.assistantApproval{background:var(--panel-2)}.assistantTool{border-left:3px solid #11805a}.assistantReasoning{border-left:3px solid #a86412}.assistantEvidence{border-left:3px solid #2364aa}.assistantApproval{border-left:3px solid #a86412}.assistantErrors{background:#f2495c1f;border-bottom:1px solid rgba(242,73,92,.3);color:#c03649;display:grid;gap:6px;padding:10px 14px}.assistantErrors p,.assistantMessage p,.assistantTool p,.assistantReasoning p,.assistantEvidence p,.assistantApproval p,.assistantLogin p,.assistantEmpty p{line-height:1.45;margin:0}.assistantComposer{border-top:1px solid var(--border);display:grid;gap:10px;padding:12px}.assistantContextChips{flex-wrap:wrap}.assistantContextChips span{background:var(--panel-2);border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:12px;padding:4px 8px}.assistantControls{align-items:end;flex-wrap:wrap}.assistantControls label{display:grid;flex:1 1 90px;gap:4px;min-width:0}.assistantControls select{background:var(--panel-2);border:1px solid var(--border);border-radius:7px;color:var(--text);min-height:34px;min-width:0;width:100%}.codexHeader{border-bottom:1px solid var(--border);justify-content:space-between;padding:14px}.codexHeader div{display:grid;gap:3px}.threadRail{border-bottom:1px solid var(--border);display:flex;gap:8px;overflow-x:auto;padding:10px 14px}.threadButton{background:var(--panel-2);color:var(--muted);white-space:nowrap}.threadButton.active{color:var(--text)}.messageStack{display:grid;align-content:start;gap:10px;overflow:auto;padding:14px}.assistantBubble,.toolCard{border:1px solid var(--border);border-radius:8px;padding:12px}.assistantBubble{background:var(--panel-2)}.toolCard{background:transparent}.assistantBubble p,.toolCard p{color:var(--muted);line-height:1.45;margin:6px 0 0}.composerRow{border-top:1px solid var(--border);padding:12px}.toast{background:var(--panel);border:1px solid var(--border);border-radius:8px;bottom:16px;box-shadow:0 10px 26px #0000002e;color:var(--text);left:220px;padding:10px 12px;position:fixed;z-index:10}.composerRow input,.loginForm input{background:var(--panel-2);border:1px solid var(--border);border-radius:7px;color:var(--text);min-height:38px;min-width:0;padding:0 10px;width:100%}.loginShell{align-items:center;background:var(--bg);color:var(--text);display:grid;min-height:100vh;padding:24px}.loginPanel{background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:0 16px 45px #00000038;display:grid;gap:22px;justify-self:center;max-width:430px;padding:24px;width:min(100%,430px)}.loginForm{display:grid;gap:14px}.loginForm label{color:var(--muted);display:grid;gap:7px;font-size:14px}.formError{color:#f2495c;margin:0}@media (max-width: 1180px){.appShell{grid-template-columns:180px minmax(0,1fr);grid-template-areas:"top top" "nav main" "codex codex";grid-template-rows:58px minmax(0,1fr) 420px}.codexPane{border-left:0;border-top:1px solid var(--border)}}@media (max-width: 760px){.appShell{grid-template-columns:1fr;grid-template-areas:"top" "nav" "main" "codex";grid-template-rows:auto auto auto 420px}.topBar,.leftNav,.pageHeader,.rowItem,.systemHeader{align-items:stretch;flex-direction:column}.leftNav{border-right:0;grid-template-columns:repeat(2,minmax(0,1fr))}.metricGrid,.hostGrid{grid-template-columns:1fr}}