*{box-sizing:border-box}html,body,#root{height:100%}body{color:#172033;background:#f7f9fc;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer}.shell{grid-template-columns:248px minmax(620px,1fr) 360px;height:100vh;display:grid;overflow:hidden}.sidebar{color:#fff;background:linear-gradient(#132038,#101a2d);flex-direction:column;height:100vh;padding:24px 16px;display:flex;overflow:hidden}.brand{letter-spacing:-.03em;font-size:24px;font-weight:750}.brand-subtitle{color:#8fa2c3;margin-top:4px;font-size:12px}.nav-section{margin-top:40px}.nav-label,.eyebrow{color:#8795ad;letter-spacing:.12em;font-size:11px;font-weight:750}.project-nav{color:#aebbd1;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;width:100%;margin-top:8px;padding:10px 12px;display:flex}.project-nav.active{color:#fff;background:#ffffff14}.status-dot{background:#61d095;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #61d09514}.sidebar-footnote{color:#7185a5;margin-top:auto;padding:0 6px;font-size:12px;line-height:1.6}.main{background:#fbfcfe;height:100vh;padding:34px 40px 64px;overflow:hidden auto}.project-header{border-bottom:1px solid #e6eaf0;justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:28px;display:flex}h1{letter-spacing:-.04em;margin:8px 0;font-size:34px}h2{letter-spacing:-.025em;margin:7px 0 0;font-size:22px}h3{margin:0;font-size:16px}.project-header p{color:#6a7488;max-width:760px;margin:0;line-height:1.65}.status-badge{text-transform:capitalize;color:#53627b;background:#fff;border:1px solid #dce4ef;border-radius:999px;padding:7px 10px;font-size:12px}.state-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0 34px;display:grid}.state-grid article{background:#fff;border:1px solid #e2e7ee;border-radius:12px;min-height:132px;padding:18px}.state-grid span{color:#7b879b;font-size:12px}.state-grid strong{margin-top:12px;font-size:15px;font-weight:650;line-height:1.55;display:block}.section-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.primary-button,.secondary-button,.icon-button{border:0;border-radius:9px}.primary-button{color:#fff;background:#1b2a45;padding:11px 15px;font-weight:650}.primary-button:disabled{cursor:not-allowed;opacity:.45}.primary-button.compact{align-items:center;gap:7px;font-size:13px;display:inline-flex}.secondary-button{color:#33415a;background:#eef2f7;padding:11px 15px}.icon-button{color:#536078;background:#f3f5f8;place-items:center;width:36px;height:36px;display:grid}.tabs{border-bottom:1px solid #e2e7ee;gap:22px;margin-top:24px;display:flex}.tabs button{color:#7c8799;background:0 0;border:0;padding:0 0 11px;font-size:13px}.tabs button.active{color:#172033;border-bottom:2px solid #172033;font-weight:700}.work-list{padding-top:14px}.work-item{background:#fff;border:1px solid #e2e7ee;border-radius:11px;margin-bottom:12px;padding:17px 18px}.work-item-topline{justify-content:space-between;gap:16px;display:flex}.work-item-topline span{color:#7d8ba1;font-size:11px}.work-item p{color:#637087;margin:9px 0 0;font-size:14px;line-height:1.6}.result{color:#4d5d76;border-top:1px solid #edf0f4;margin-top:12px;padding-top:12px;font-size:13px}.empty-state{color:#8590a2;text-align:center;background:#fff;border:1px dashed #d6dde7;border-radius:10px;padding:28px}.agent-panel{background:#fff;border-left:1px solid #e0e5ec;flex-direction:column;height:100vh;padding:30px 22px 22px;display:flex;overflow:hidden}.agent-panel .muted{color:#758195;font-size:13px;line-height:1.65}.agent-note{background:linear-gradient(145deg,#edf3ff,#f7f9fe);border:1px solid #e1e8f5;border-radius:10px;margin-top:28px;padding:16px}.agent-note strong{font-size:13px}.agent-note p{color:#66758d;margin:7px 0 0;font-size:13px;line-height:1.55}.agent-input{flex-shrink:0;gap:8px;margin-top:auto;display:flex}.agent-input input{color:#8a94a5;background:#f7f8fa;border:1px solid #dfe5ed;border-radius:9px;width:100%;padding:11px 12px;font-size:12px}.agent-input button{color:#9aa3b1;background:#e7ebf1;border:0;border-radius:9px;width:42px}.agent-input.disabled{opacity:.9}.modal-backdrop{z-index:20;background:#0a111e6b;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;width:min(620px,100%);padding:24px;box-shadow:0 24px 80px #141c2c38}.modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}.modal label{color:#58667d;margin:15px 0 7px;font-size:12px;font-weight:700;display:block}.modal input,.modal textarea{color:#172033;background:#fff;border:1px solid #dce3ec;border-radius:9px;outline:none;width:100%;padding:11px 12px}.modal input:focus,.modal textarea:focus{border-color:#8fa1bc;box-shadow:0 0 0 3px #526a8f14}.modal textarea{resize:vertical;min-height:150px}.modal-actions{justify-content:flex-end;gap:9px;margin-top:20px;display:flex}.form-error{color:#ad3445;margin-top:12px;font-size:13px}.center-message{color:#637087;place-items:center;height:100vh;display:grid}.center-message.error{color:#ad3445}@media (width<=1180px){.shell{grid-template-columns:210px minmax(560px,1fr)}.agent-panel{display:none}}
