:root{color-scheme:light;--bg:#f7f7f8;--panel:#fff;--ink:#202124;--muted:#71747b;--line:#e7e7ea;--soft:#f1f1f3;--accent:#5e6ad2;--accent-soft:#eef0ff;--green:#248567;--amber:#986b16;--red:#b94a48;--shadow:0 18px 50px rgba(26,27,31,.14);--radius:10px}
html[data-theme="dark"]{color-scheme:dark;--bg:#121317;--panel:#191a1f;--ink:#ececf0;--muted:#a4a7b0;--line:#2c2e35;--soft:#24262d;--accent:#9098ff;--accent-soft:#292d4c;--green:#58b895;--amber:#d1a252;--red:#e17774;--shadow:0 18px 50px rgba(0,0,0,.4)}
*{box-sizing:border-box}html,body{height:100%;margin:0}body{font:14px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);overflow:hidden}a{color:inherit;text-decoration:none}button,textarea,input{font:inherit;color:inherit}button{cursor:pointer}.app{height:100%;display:grid;grid-template-columns:224px minmax(0,1fr)}
.sidebar{min-width:0;padding:14px 10px 12px;background:color-mix(in srgb,var(--bg) 72%,var(--panel));border-right:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden}.brand{height:40px;padding:0 9px;display:flex;align-items:center;gap:10px;font-weight:680}.brand-mark{width:26px;height:26px;border-radius:7px;background:var(--ink);color:var(--panel);display:grid;place-items:center}.brand small,.agent-row small{display:block;color:var(--muted);font-size:10px;font-weight:500}.nav,.recent{display:grid;gap:2px}.nav{margin-top:10px}.nav-link,.recent-link,.agent-row{display:flex;align-items:center;gap:10px;padding:8px 9px;border-radius:7px;color:var(--muted)}.nav-link:hover,.nav-link.active,.recent-link:hover,.recent-link.active,.agent-row:hover{background:var(--soft);color:var(--ink)}.nav-link .count{margin-left:auto;font-size:11px;font-weight:500}.section-label{padding:18px 9px 7px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.recent-link{align-items:flex-start}.status-dot{width:9px;height:9px;margin-top:5px;border-radius:50%;border:1.5px solid var(--accent);background:var(--accent-soft);flex:0 0 auto}.recent-copy{min-width:0}.recent-copy b{display:block;font-size:12px;font-weight:560;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-copy span{font-size:10px;color:var(--muted)}.team{margin-top:auto;border-top:1px solid var(--line)}.agent-row{margin-top:2px}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#d7d9df;color:#333;font-size:11px;font-weight:750;flex:0 0 auto}.avatar.agent{background:#23242a;color:white;position:relative}.avatar.agent:after{content:"";position:absolute;right:-1px;bottom:-1px;width:8px;height:8px;border-radius:50%;background:#59b78d;border:2px solid var(--panel)}
.main{min-width:0;height:100%;display:flex;flex-direction:column}.topbar{height:50px;flex:0 0 auto;padding:0 16px;border-bottom:1px solid var(--line);background:var(--panel);display:flex;align-items:center;justify-content:space-between}.crumbs{display:flex;gap:7px;align-items:center;min-width:0}.crumbs a,.crumbs span{color:var(--muted)}.crumbs b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-actions{display:flex;align-items:center;gap:4px}.icon-btn,.mention-btn,.shortcut{border:0;background:transparent;min-width:32px;height:32px;border-radius:7px;display:grid;place-items:center}.icon-btn:hover,.mention-btn:hover,.shortcut:hover{background:var(--soft)}.mention-btn{color:var(--accent);font-weight:680}.shortcut{border:1px solid var(--line);width:auto;padding:0 8px;color:var(--muted)}.menu-btn{display:none}.workspace{min-height:0;flex:1;overflow:auto}.page{width:min(100%,960px);margin:auto;padding:30px 42px 120px}.loading,.empty{padding:60px;text-align:center;color:var(--muted)}
.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.eyebrow{font-size:12px;color:var(--muted);display:flex;gap:7px}.page h1{font-size:25px;line-height:1.25;margin:8px 0 6px;letter-spacing:-.02em}.summary{max-width:760px;color:var(--muted);font-size:14px}.properties{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}.pill,.button,.primary,.secondary,.danger-soft,.context-chip{border:1px solid var(--line);background:var(--panel);padding:7px 10px;border-radius:7px;display:inline-flex;align-items:center;gap:7px}.pill.agent{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,var(--line));background:var(--accent-soft)}.button:hover,.secondary:hover,.context-chip:hover{background:var(--soft)}.primary{background:var(--ink);border-color:var(--ink);color:var(--panel);font-weight:650}.danger-soft{color:var(--red)}.tabs{height:42px;border-bottom:1px solid var(--line);display:flex;gap:22px;margin-top:24px}.tab{display:flex;align-items:center;color:var(--muted);border-bottom:2px solid transparent}.tab.active{color:var(--ink);border-color:var(--ink)}
.feed{display:grid}.entry{padding:19px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:30px minmax(0,1fr);gap:11px}.entry-head{display:flex;gap:8px;align-items:center}.entry-head time{font-size:11px;color:var(--muted)}.entry p{margin:5px 0 0;overflow-wrap:anywhere}.mention{color:var(--accent);font-weight:680}.work-card,.proposal-card,.receipt-card,.panel-card,.list-card,.file-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.work-card{margin-top:10px;padding:13px}.work-head{display:flex;justify-content:space-between;gap:12px}.work-status{font-size:11px;color:var(--amber);font-weight:680}.work-card p{color:var(--muted)}.work-meta{font:11px/1.5 ui-monospace,SFMono-Regular,monospace;color:var(--muted);overflow-wrap:anywhere}.proposal-card{margin-top:10px;overflow:hidden}.proposal-content{padding:13px}.proposal-actions{padding:10px 13px;background:var(--soft);display:flex;gap:8px;flex-wrap:wrap}.receipt-card{margin-top:10px;padding:12px;color:var(--green);background:color-mix(in srgb,var(--green) 7%,var(--panel))}.composer-wrap{position:sticky;bottom:0;padding:28px 0 0;background:linear-gradient(transparent,var(--bg) 25%,var(--bg))}.composer{border:1px solid var(--line);border-radius:11px;background:var(--panel);box-shadow:0 8px 26px rgba(30,31,35,.07);padding:8px}.composer textarea{width:100%;min-height:56px;resize:none;border:0;outline:0;background:transparent;padding:4px 5px}.composer-tools{display:flex;gap:4px;align-items:center}.composer-tools .primary{margin-left:auto}.tool-btn{border:0;background:transparent;width:32px;height:32px;border-radius:7px}.tool-btn:hover{background:var(--soft)}.context-chip{font-size:11px;color:var(--accent);background:var(--accent-soft)}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.list-card,.panel-card{padding:16px}.list-card:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:0 8px 26px rgba(30,31,35,.06)}.list-card h3,.panel-card h3{margin:0 0 5px;font-size:15px}.list-card p,.panel-card p{margin:0;color:var(--muted)}.list-meta{display:flex;gap:8px;margin-top:12px;font-size:11px;color:var(--muted)}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.metric{padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.metric b{display:block;font-size:21px}.metric span{color:var(--muted);font-size:11px}.file-list{display:grid;gap:8px}.file-card{padding:13px;display:flex;justify-content:space-between;gap:12px}.file-card small{display:block;color:var(--muted)}.timeline{border-left:2px solid var(--line);margin-left:5px;padding-left:20px}.timeline-item{margin:0 0 18px}.timeline-item time{font-size:11px;color:var(--muted)}
.drawer{position:fixed;z-index:30;right:0;top:0;width:min(390px,94vw);height:100%;background:var(--panel);border-left:1px solid var(--line);box-shadow:var(--shadow);padding:16px;transform:translateX(105%);transition:.18s}.drawer.open{transform:translateX(0)}.drawer-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:10px}.drawer-head h2{margin:0;font-size:17px}.drawer-section{padding:15px 0;border-bottom:1px solid var(--line)}.drawer-section h3{margin:0 0 8px;font-size:12px}.drawer-section p{margin:0;color:var(--muted)}.source-list{display:grid;gap:7px}.source-link{padding:9px;border:1px solid var(--line);border-radius:7px}.source-link small{display:block;color:var(--muted)}
.modal-backdrop,.mobile-overlay{display:none}.modal-backdrop{position:fixed;inset:0;z-index:40;background:rgba(20,21,24,.32);place-items:center;padding:20px}.modal-backdrop.open{display:grid}.modal{width:min(540px,96vw);max-height:85vh;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:16px}.modal-body{padding:14px 0}.quick-links{display:grid;gap:7px}.quick-link{padding:11px;border:1px solid var(--line);border-radius:7px}.quick-link:hover{background:var(--soft)}.code-box{padding:12px;background:var(--soft);border-radius:8px;font:11px/1.55 ui-monospace,SFMono-Regular,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.toast{position:fixed;z-index:60;left:50%;bottom:22px;transform:translate(-50%,18px);opacity:0;background:var(--ink);color:var(--panel);padding:9px 13px;border-radius:8px;transition:.18s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}.error-box{padding:15px;border:1px solid color-mix(in srgb,var(--red) 45%,var(--line));border-radius:var(--radius);background:color-mix(in srgb,var(--red) 8%,var(--panel));color:var(--red)}.hidden{display:none!important}
.mt12{margin-top:12px}.mt16{margin-top:16px}
@media(max-width:760px){body{overflow:hidden}.app{grid-template-columns:1fr}.sidebar{position:fixed;z-index:20;inset:0 auto 0 0;width:276px;transform:translateX(-105%);box-shadow:var(--shadow);transition:.18s}.sidebar.open{transform:translateX(0)}.mobile-overlay{position:fixed;z-index:19;inset:0;border:0;background:rgba(20,21,24,.3)}.mobile-overlay.open{display:block}.menu-btn{display:grid}.shortcut{display:none}.topbar{padding:0 9px}.page{padding:20px 15px 170px}.page h1{font-size:21px}.grid{grid-template-columns:1fr}.metric-row{grid-template-columns:1fr}.entry{grid-template-columns:28px minmax(0,1fr)}.composer-wrap{position:fixed;z-index:12;left:15px;right:15px;bottom:10px;padding:0;background:transparent}.context-chip{max-width:155px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crumbs span{display:none}.drawer{width:min(94vw,360px)}.toast{bottom:128px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}