@import "https://fonts.googleapis.com/css2?family=Exo+2:wght@400;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--ink:#0a192f;--paper:#f0f4f8;--accent:#005f6a;--accent2:#c17a24;--surface:#fff;--border:#d1dce0;--text-muted:#6b7f8a;--claude:#7c3aed;--gemini:#1a73e8;--mistral:#0d7377;--openai:#10a37f;--synth:#005f6a;--danger:#b91c1c;--radius-card:10px;--radius-btn:6px;--shadow:0 2px 8px #0a192f1a}body{background:var(--paper);color:var(--ink);height:100vh;font-family:"Exo 2",system-ui,sans-serif;overflow:hidden}button,input,textarea,select{font:inherit}button{letter-spacing:0}#root{height:100vh}.app{height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--ink);flex-direction:column;flex-shrink:0;width:250px;display:flex;overflow:hidden}.sidebar-logo{border-bottom:1px solid #ffffff14;padding:1.25rem 1.25rem .75rem}.logo-text{font-size:1.3rem;font-weight:700}.logo-idmon{color:#fff}.logo-suffix{color:var(--accent2)}.logo-sub{color:#fff6;letter-spacing:.5px;text-transform:uppercase;margin-top:2px;font-size:.72rem;font-weight:400}.sidebar-nav{flex-direction:column;gap:2px;padding:.75rem .75rem 0;display:flex}.nav-btn{color:#ffffff8c;text-align:left;border-radius:var(--radius-btn);cursor:pointer;background:0 0;border:none;align-items:center;gap:.6rem;padding:.55rem .85rem;font-family:"Exo 2",sans-serif;font-size:.88rem;font-weight:400;transition:background .15s,color .15s;display:flex}.nav-btn:hover{color:#ffffffd9;background:#ffffff12}.nav-btn.active{color:#fff;background:#ffffff1f;font-weight:600}.nav-icon{opacity:.8;width:1rem;color:var(--accent2);font-weight:700}.sidebar-section-label{text-transform:uppercase;letter-spacing:.8px;color:#ffffff47;padding:1rem 1.1rem .35rem;font-size:.68rem;font-weight:600}.new-conv-btn{background:var(--accent);color:#fff;border-radius:var(--radius-btn);cursor:pointer;text-align:left;border:none;margin:.5rem .75rem 0;padding:.5rem .85rem;font-family:"Exo 2",sans-serif;font-size:.85rem;font-weight:600;transition:background .15s}.new-conv-btn:hover{background:#004d56}.conv-list{flex-direction:column;flex:1;gap:2px;padding:.35rem .75rem;display:flex;overflow-y:auto}.conv-list::-webkit-scrollbar{width:4px}.conv-list::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:2px}.conv-item{border-radius:var(--radius-btn);cursor:pointer;color:#ffffff80;white-space:nowrap;text-overflow:ellipsis;text-align:left;background:0 0;border:0;padding:.45rem .85rem;font-size:.82rem;transition:background .12s,color .12s;overflow:hidden}.conv-item:hover{color:#ffffffd9;background:#ffffff12}.conv-item.selected{color:#fff;background:#ffffff21;font-weight:600}.sidebar-footer{color:#ffffff40;border-top:1px solid #ffffff12;padding:.75rem 1.1rem;font-size:.72rem}.main{background:var(--paper);flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.topbar h1{color:var(--ink);font-size:1.18rem;line-height:1.2}.topbar p{color:var(--text-muted);margin-top:.2rem;font-size:.82rem}.topbar-status{color:var(--text-muted);border:1px solid var(--border);background:#fff;border-radius:999px;align-items:center;gap:.45rem;padding:.35rem .65rem;font-size:.8rem;display:inline-flex}.status-dot{background:var(--openai);border-radius:50%;width:8px;height:8px}.chat-view,.templates-view,.audit-view{flex-direction:column;flex:1;gap:1rem;min-height:0;padding:1rem;display:flex;overflow:hidden}.workspace{flex:1;grid-template-columns:minmax(280px,.78fr) minmax(520px,1.22fr);gap:1rem;min-height:0;display:grid}.conversation-panel,.agent-panel{flex-direction:column;gap:.75rem;min-height:0;display:flex;overflow:hidden}.conversation-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow)}.panel-title{border-bottom:1px solid var(--border);padding:.8rem 1rem;font-size:.9rem;font-weight:700}.message-list{flex-direction:column;gap:.65rem;padding:.8rem;display:flex;overflow-y:auto}.message-empty{color:var(--text-muted);font-size:.85rem}.message{border:1px solid var(--border);border-radius:var(--radius-card);background:#fbfdff;padding:.75rem}.message.user{border-left:4px solid var(--accent2)}.message.assistant{border-left:4px solid var(--synth)}.message-meta{color:var(--text-muted);justify-content:space-between;gap:1rem;margin-bottom:.45rem;font-size:.72rem;display:flex}.message-content{white-space:pre-wrap;font-size:.84rem;line-height:1.55}.routing-bar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow);color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.65rem .75rem;font-size:.82rem;display:flex}.agent-badge{color:#fff;border-radius:999px;padding:.2rem .55rem;font-size:.76rem;font-weight:600}.status-bar{color:var(--accent);border-radius:var(--radius-card);background:#e6f2f4;border:1px solid #bfd7dc;align-items:center;gap:.55rem;padding:.65rem .8rem;font-size:.86rem;display:flex}.spinner{border:2px solid #bfd7dc;border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.agents-grid{grid-template-columns:repeat(2,minmax(240px,1fr));gap:.85rem;padding-right:.2rem;display:grid;overflow-y:auto}.agent-card,.synthesis-card{background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow);border:1px solid var(--border);overflow:hidden}.agent-header,.synthesis-header{color:#fff;align-items:center;gap:.5rem;padding:.62rem .85rem;font-size:.86rem;font-weight:700;display:flex}.synthesis-header{background:var(--synth)}.dot{background:#ffffff8c;border-radius:50%;flex-shrink:0;width:8px;height:8px}.agent-time{opacity:.85;margin-left:auto;font-size:.72rem;font-weight:400}.agent-body,.synthesis-body{white-space:pre-wrap;color:#1e293b;max-height:280px;padding:.85rem;font-size:.84rem;line-height:1.6;overflow-y:auto}.synthesis-body{max-height:360px}.agent-body.empty{color:var(--text-muted);font-style:italic}.agent-body.error,.synthesis-body.error{color:var(--danger)}.input-area{background:var(--surface);border-top:1px solid var(--border);flex-shrink:0;grid-template-columns:220px 1fr .75fr 120px;align-items:stretch;gap:.7rem;padding:.85rem 1rem;display:grid}.template-select,.prompt-input,.notebook-input{border:1.5px solid var(--border);border-radius:var(--radius-btn);width:100%;color:var(--ink);background:#fff;padding:.55rem .7rem;font-size:.86rem}.prompt-input,.notebook-input{resize:none;min-height:84px}.template-select:focus,.prompt-input:focus,.notebook-input:focus{border-color:var(--accent);outline:none}.run-btn,.empty-state button,.tpl-form button{background:var(--accent);color:#fff;border-radius:var(--radius-btn);cursor:pointer;border:0;padding:.6rem .8rem;font-weight:700}.run-btn:hover,.empty-state button:hover,.tpl-form button:hover{background:#004d56}.run-btn:disabled{opacity:.55;cursor:default}.empty-state{flex:1;place-items:center;display:grid}.empty-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow);gap:.75rem;width:min(420px,100%);padding:1.4rem;display:grid}.empty-card h2{font-size:1.2rem}.empty-card p{color:var(--text-muted)}.templates-view,.audit-view{overflow-y:auto}.tpl-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow);grid-template-columns:1fr 1fr auto;gap:.7rem;padding:1rem;display:grid}.tpl-form textarea{resize:vertical;grid-column:1/-1}.tpl-form input,.tpl-form textarea{border:1.5px solid var(--border);border-radius:var(--radius-btn);padding:.55rem .7rem}.tpl-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.85rem;display:grid}.tpl-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow);gap:.7rem;padding:1rem;display:grid}.tpl-name{font-weight:700}.tpl-tags{color:var(--text-muted);margin-top:.15rem;font-size:.78rem}.tpl-content{color:#334155;white-space:pre-wrap;font-size:.84rem;line-height:1.55}.tpl-delete{border-radius:var(--radius-btn);color:#991b1b;cursor:pointer;background:#fee2e2;border:0;justify-self:start;padding:.4rem .65rem;font-weight:600}.audit-table{border-collapse:collapse;background:var(--surface);border-radius:var(--radius-card);width:100%;box-shadow:var(--shadow);font-size:.82rem;overflow:hidden}.audit-table th{background:var(--ink);color:#fff;text-align:left;padding:.7rem .85rem;font-weight:600}.audit-table td{vertical-align:top;border-bottom:1px solid #e7eef2;padding:.65rem .85rem}.audit-pill{border-radius:999px;padding:.18rem .55rem;font-size:.74rem;font-weight:700;display:inline-flex}.audit-pill.ok{color:#166534;background:#dcfce7}.audit-pill.err{color:#991b1b;background:#fee2e2}@media (width<=1100px){.workspace,.input-area,.agents-grid{grid-template-columns:1fr}}