:root{--bg-primary:#1a1a2e;--bg-secondary:#16213e;--bg-tertiary:#0f3460;--accent:#e94560;--accent-hover:#ff6b81;--text-primary:#eee;--text-secondary:#aaa;--success:#4ade80;--warning:#fbbf24;--error:#ef4444;--border:#333}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.6}.app{height:100vh;display:flex}.auth-gate-loading{height:100vh;color:var(--text-secondary,#94a3b8);justify-content:center;align-items:center;font-size:.95rem;display:flex}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border);flex-direction:column;width:280px;padding:20px;display:flex}.sidebar h1{color:var(--accent);margin-bottom:10px;font-size:1.5rem}.sidebar .subtitle{color:var(--text-secondary);margin-bottom:30px;font-size:.8rem}.stats-panel{background:var(--bg-tertiary);border-radius:8px;margin-bottom:20px;padding:15px}.stats-panel h3{color:var(--text-secondary);margin-bottom:10px;font-size:.9rem}.stat-item{justify-content:space-between;padding:5px 0;font-size:.85rem;display:flex}.stat-value{color:var(--accent);font-weight:600}.energy-bar{margin-top:10px}.energy-bar label{color:var(--text-secondary);font-size:.8rem}.energy-track{background:var(--bg-primary);border-radius:4px;height:8px;margin-top:5px;overflow:hidden}.energy-fill{background:linear-gradient(90deg, var(--accent), var(--success));height:100%;transition:width .3s}.mode-selector{margin-top:auto}.mode-selector h3{color:var(--text-secondary);margin-bottom:10px;font-size:.9rem}.mode-buttons{flex-direction:column;gap:8px;display:flex}.mode-btn{border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:10px 15px;font-size:.85rem;transition:all .2s}.mode-btn:hover{border-color:var(--accent)}.mode-btn.active{background:var(--accent);border-color:var(--accent)}.main-content{flex-direction:column;flex:1;display:flex}.chat-container{flex:1;padding:20px;overflow-y:auto}.messages{max-width:800px;margin:0 auto}.message{border-radius:12px;margin-bottom:20px;padding:15px 20px}.message.user{background:var(--bg-tertiary);margin-left:50px}.message.assistant{background:var(--bg-secondary);border:1px solid var(--border);margin-right:50px}.message-header{color:var(--text-secondary);margin-bottom:8px;font-size:.75rem}.message-content{white-space:pre-wrap}.message-content code{background:var(--bg-primary);border-radius:4px;padding:2px 6px;font-size:.9em}.input-container{background:var(--bg-secondary);border-top:1px solid var(--border);padding:20px}.input-wrapper{gap:10px;max-width:800px;margin:0 auto;display:flex}.input-wrapper textarea{border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);resize:none;border-radius:8px;flex:1;padding:12px 15px;font-family:inherit;font-size:.95rem}.input-wrapper textarea:focus{border-color:var(--accent);outline:none}.send-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-weight:600;transition:background .2s}.send-btn:hover{background:var(--accent-hover)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.approvals-panel{background:var(--bg-tertiary);border-radius:8px;margin-top:20px;padding:15px}.approvals-panel h3{color:var(--warning);margin-bottom:10px;font-size:.9rem}.approval-item{background:var(--bg-primary);border-radius:6px;margin-bottom:8px;padding:10px}.approval-item .tool-name{color:var(--accent);font-weight:600}.approval-item .risk{border-radius:4px;margin-left:8px;padding:2px 6px;font-size:.75rem}.approval-item .risk.high{background:var(--error)}.approval-item .risk.medium{background:var(--warning);color:#000}.approval-actions{gap:8px;margin-top:8px;display:flex}.approval-actions button{cursor:pointer;border:none;border-radius:4px;padding:5px 12px;font-size:.8rem}.approve-btn{background:var(--success);color:#000}.reject-btn{background:var(--error);color:#fff}.loading{color:var(--text-secondary);align-items:center;gap:10px;display:flex}.loading-dots{gap:4px;display:flex}.loading-dots span{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite both bounce}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.main-area,.chat-area{flex-direction:column;flex:1;display:flex}.toolbar{background:var(--bg-secondary);border-bottom:1px solid var(--border);gap:10px;padding:10px 20px;display:flex}.toolbar-btn{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:8px 16px;font-size:.85rem;transition:all .2s}.toolbar-btn:hover{border-color:var(--accent)}.toolbar-btn.active{background:var(--accent);border-color:var(--accent)}.welcome-message{text-align:center;color:var(--text-secondary);margin-top:100px}.welcome-message h2{color:var(--text-primary);margin-bottom:10px}.welcome-message .suggestions{margin-top:30px;font-size:.9rem}.welcome-message ul{margin-top:10px;list-style:none}.welcome-message li{color:var(--accent);padding:5px 0}.mode-badge{background:var(--bg-tertiary);border-radius:4px;margin-left:10px;padding:2px 8px;font-size:.7rem}.markdown-content h1,.markdown-content h2,.markdown-content h3{margin-top:16px;margin-bottom:8px}.markdown-content h1{font-size:1.5rem}.markdown-content h2{font-size:1.3rem}.markdown-content h3{font-size:1.1rem}.markdown-content p{margin-bottom:12px}.markdown-content .code-block{background:var(--bg-primary);border-radius:8px;margin:12px 0;padding:15px;font-family:Fira Code,Monaco,monospace;font-size:.9rem;overflow-x:auto}.markdown-content .inline-code{background:var(--bg-primary);border-radius:4px;padding:2px 6px;font-family:Fira Code,Monaco,monospace;font-size:.9em}.markdown-content ul,.markdown-content ol{margin:12px 0;padding-left:24px}.markdown-content li{margin:4px 0}.markdown-content blockquote{border-left:3px solid var(--accent);color:var(--text-secondary);margin:12px 0;padding-left:16px;font-style:italic}.markdown-content a{color:var(--accent);text-decoration:none}.markdown-content a:hover{text-decoration:underline}.markdown-content hr{border:none;border-top:1px solid var(--border);margin:16px 0}.marketplace-overlay,.memory-overlay,.workflow-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.marketplace-modal,.memory-modal,.workflow-modal{background:var(--bg-secondary);border-radius:12px;flex-direction:column;width:90%;max-width:900px;max-height:85vh;display:flex;overflow:hidden}.marketplace-header,.memory-header,.workflow-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px;display:flex}.marketplace-header h2,.memory-header h2,.workflow-header h2{color:var(--accent)}.close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:1.5rem}.close-btn:hover{color:var(--text-primary)}.marketplace-filters,.memory-controls{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:10px;padding:15px 20px;display:flex}.marketplace-filters input,.memory-controls input,.marketplace-filters select,.memory-controls select{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary);border-radius:6px;padding:8px 12px;font-size:.9rem}.marketplace-filters input{flex:1;min-width:200px}.marketplace-filters button,.memory-controls button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 16px}.marketplace-filters button:disabled,.memory-controls button:disabled{opacity:.5}.marketplace-content,.memory-content,.workflow-content{flex:1;padding:20px;overflow-y:auto}.agents-list,.memories-list{flex-direction:column;gap:15px;display:flex}.agent-card,.memory-card{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;padding:15px}.agent-header,.memory-card-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.agent-name,.memory-key{color:var(--text-primary);font-weight:600}.certification,.memory-category{background:var(--bg-primary);border-radius:4px;padding:2px 8px;font-size:.7rem}.certification.certified{background:var(--success);color:#000}.certification.verified{background:var(--warning);color:#000}.agent-description,.memory-text{color:var(--text-secondary);margin-bottom:10px;font-size:.9rem}.agent-meta,.memory-meta{color:var(--text-secondary);gap:12px;font-size:.8rem;display:flex}.agent-capabilities{gap:6px;margin-top:10px;display:flex}.capability-tag{background:var(--bg-primary);border-radius:4px;padding:2px 8px;font-size:.75rem}.select-agent-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;width:100%;margin-top:12px;padding:8px 16px}.no-results{text-align:center;color:var(--text-secondary);padding:40px}.search-row{flex:1;gap:10px;display:flex}.search-row input{flex:1}.add-memory-btn{background:var(--success);color:#000;cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-weight:600}.store-form{background:var(--bg-tertiary);border-bottom:1px solid var(--border);flex-direction:column;gap:10px;padding:15px 20px;display:flex}.store-form input,.store-form textarea,.store-form select{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary);border-radius:6px;padding:10px}.store-form button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;align-self:flex-end;padding:10px 20px}.memory-meta .delete-btn{border:1px solid var(--error);color:var(--error);cursor:pointer;background:0 0;border-radius:4px;padding:2px 8px;font-size:.75rem}.memory-meta .delete-btn:hover{background:var(--error);color:#fff}.templates-section{margin-bottom:20px}.templates-section h3,.execution-section h3,.result-section h3,.history-section h3{color:var(--text-secondary);margin-bottom:12px;font-size:.9rem}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.template-card{background:var(--bg-tertiary);cursor:pointer;border:2px solid #0000;border-radius:8px;padding:12px;transition:all .2s}.template-card:hover{border-color:var(--border)}.template-card.selected{border-color:var(--accent)}.template-name{margin-bottom:5px;font-weight:600}.template-description{color:var(--text-secondary);margin-bottom:8px;font-size:.8rem}.template-meta{gap:6px;display:flex}.template-meta .category,.template-meta .tag{background:var(--bg-primary);border-radius:4px;padding:2px 6px;font-size:.7rem}.execution-section{background:var(--bg-tertiary);border-radius:8px;margin-bottom:20px;padding:15px}.inputs-form{flex-direction:column;gap:12px;margin-bottom:15px;display:flex}.input-group label{color:var(--text-secondary);margin-bottom:5px;font-size:.85rem;display:block}.input-group input,.input-group textarea{background:var(--bg-primary);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:6px;padding:10px}.execute-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:12px 24px;font-weight:600}.execute-btn:disabled{opacity:.5;cursor:not-allowed}.result-section{margin-bottom:20px}.result-card{background:var(--bg-tertiary);border-radius:8px;padding:15px}.result-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.status-badge{color:#fff;border-radius:4px;padding:4px 12px;font-size:.85rem;font-weight:600}.duration{color:var(--text-secondary);font-size:.85rem}.step-results{flex-direction:column;gap:8px;display:flex}.step-result{background:var(--bg-primary);border-radius:4px;justify-content:space-between;padding:8px 12px;font-size:.85rem;display:flex}.step-result.success .step-status{color:var(--success)}.step-result.failed .step-status{color:var(--error)}.history-list{flex-direction:column;gap:8px;display:flex}.history-item{background:var(--bg-tertiary);border-radius:6px;align-items:center;gap:10px;padding:8px 12px;font-size:.85rem;display:flex}.status-dot{border-radius:50%;width:8px;height:8px}.loading-indicator{color:var(--text-secondary);align-items:center;gap:10px;display:flex}
