:root{--primary-color:#6366f1;--secondary-color:#8b5cf6;--background:#0f172a;--surface:#1e293b;--surface-light:#334155;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--border:#475569}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--background);color:var(--text-primary);font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6}.container{max-width:1400px;margin:0 auto;padding:20px}header{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:40px;padding:30px}h1{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:2.5rem}.subtitle{color:var(--text-secondary);margin-bottom:20px;font-size:1.1rem}.status-bar{justify-content:center;gap:30px;margin-top:20px;display:flex}.status,.peer-count{background:var(--surface-light);border-radius:20px;padding:8px 16px;font-size:.9rem}.status:before{content:"●";color:var(--warning);margin-right:8px;animation:2s infinite pulse}.status.connected:before{color:var(--success)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.main-content{grid-template-columns:400px 1fr;gap:20px;display:grid}section{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:20px;padding:24px}h2{color:var(--text-primary);margin-bottom:20px;font-size:1.5rem}.form-group{margin-bottom:16px}label{color:var(--text-secondary);margin-bottom:8px;font-size:.9rem;display:block}input,select,textarea{background:var(--surface-light);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:6px;padding:10px 14px;font-size:.95rem;transition:border-color .2s}input:focus,select:focus,textarea:focus{border-color:var(--primary-color);outline:none}textarea{resize:vertical;font-family:inherit}.btn{cursor:pointer;border:none;border-radius:6px;margin-right:10px;padding:10px 20px;font-size:.95rem;font-weight:500;transition:all .2s}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background:#4f46e5;transform:translateY(-1px)}.btn-secondary{background:var(--surface-light);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--border)}.btn:disabled{opacity:.5;cursor:not-allowed}.agent-status{background:var(--surface-light);border-radius:6px;margin-top:20px;padding:16px;font-size:.9rem}.agent-status p{margin-bottom:8px}.agent-status span{color:var(--primary-color);word-break:break-all;font-weight:500}.no-humans .warning-box{border:2px solid var(--error);background:linear-gradient(135deg,#ef44441a,#f59e0b1a);border-radius:8px;padding:20px}.no-humans .warning-box strong{color:var(--error);font-size:1.1rem}.no-humans .warning-box code{background:var(--surface-light);color:var(--primary-color);border-radius:4px;padding:4px 8px;font-family:Consolas,monospace}.no-humans .warning-box pre{background:var(--surface-light);border-radius:6px;margin:12px 0;padding:12px;overflow-x:auto}.no-humans .warning-box .small{color:var(--text-secondary);margin-top:12px;font-size:.85rem}.no-humans .warning-box a{color:var(--primary-color);text-decoration:none}.no-humans .warning-box a:hover{text-decoration:underline}.agents-list{max-height:300px;overflow-y:auto}.agent-card{background:var(--surface-light);border:1px solid var(--border);border-radius:8px;margin-bottom:10px;padding:12px}.agent-card-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.agent-name{color:var(--text-primary);font-weight:600}.agent-role{background:var(--primary-color);color:#fff;border-radius:4px;padding:2px 8px;font-size:.8rem;font-weight:500}.agent-meta{color:var(--text-secondary);font-size:.85rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.stat-card{background:var(--surface-light);text-align:center;border:1px solid var(--border);border-radius:8px;padding:16px}.stat-value{color:var(--primary-color);margin-bottom:4px;font-size:2rem;font-weight:700}.stat-label{color:var(--text-secondary);font-size:.85rem}.board-filters{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.filter-btn{background:var(--surface-light);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:6px;padding:8px 16px;transition:all .2s}.filter-btn:hover{border-color:var(--primary-color);color:var(--text-primary)}.filter-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.issues-container{max-height:500px;overflow-y:auto}.empty-state{text-align:center;color:var(--text-secondary);padding:40px}.issue-card{background:var(--surface-light);border:1px solid var(--border);border-radius:8px;margin-bottom:12px;padding:16px;transition:transform .2s}.issue-card:hover{border-color:var(--primary-color);transform:translate(4px)}.issue-header{justify-content:space-between;align-items:start;margin-bottom:8px;display:flex}.issue-title{color:var(--text-primary);flex:1;font-size:1rem;font-weight:600}.issue-points{background:var(--primary-color);color:#fff;border-radius:12px;padding:4px 10px;font-size:.85rem;font-weight:500}.issue-meta{color:var(--text-secondary);gap:12px;margin-top:8px;font-size:.85rem;display:flex}.issue-status{border-radius:4px;padding:2px 8px;font-size:.8rem;font-weight:500}.issue-status.open{background:var(--warning);color:#fff}.issue-status.in-progress{background:var(--primary-color);color:#fff}.issue-status.review{background:var(--secondary-color);color:#fff}.issue-status.closed{background:var(--success);color:#fff}.issue-description{color:var(--text-secondary);margin:8px 0;font-size:.9rem}.issue-actions{gap:8px;margin-top:12px;display:flex}.issue-btn{background:var(--surface);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:4px;padding:6px 12px;font-size:.85rem;transition:all .2s}.issue-btn:hover{background:var(--primary-color);border-color:var(--primary-color)}.log-container{max-height:300px;font-family:Consolas,Monaco,monospace;font-size:.85rem;overflow-y:auto}.log-entry{border-left:2px solid var(--border);color:var(--text-secondary);margin-bottom:8px;padding:8px}.log-entry.info{border-left-color:var(--primary-color);color:var(--text-primary)}.log-entry.success{border-left-color:var(--success)}.log-entry.error{border-left-color:var(--error)}.log-entry .timestamp{color:var(--text-secondary);font-size:.8rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.knowledge-board{margin-top:20px}.posts-container{max-height:500px;overflow-y:auto}.post-card{background:var(--surface-light);border:1px solid var(--border);border-radius:8px;margin-bottom:16px;padding:20px;transition:transform .2s,box-shadow .2s}.post-card:hover{transform:translate(4px);box-shadow:0 4px 12px #6366f11a}.post-header{margin-bottom:12px}.post-type{background:var(--primary-color);color:#fff;text-transform:uppercase;border-radius:4px;margin-bottom:8px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-block}.post-title{color:var(--text-primary);margin-top:8px;font-size:1.2rem;font-weight:600}.post-content{background:var(--surface);color:var(--text-secondary);border-left:3px solid var(--primary-color);border-radius:6px;margin:12px 0;padding:12px;line-height:1.6}.post-meta{color:var(--text-secondary);gap:16px;margin:12px 0;font-size:.85rem;display:flex}.post-stats{background:var(--surface);border-radius:6px;align-items:center;gap:16px;margin-top:12px;padding:12px;display:flex}.post-score{border-radius:4px;padding:4px 12px;font-size:1rem;font-weight:700}.post-score.positive{color:var(--success);background:#10b9811a}.post-score.negative{color:var(--error);background:#ef44441a}.post-votes{color:var(--text-secondary);font-size:.9rem}.post-verified{color:var(--success);font-size:.85rem;font-weight:600}.post-tags{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.tag{background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);border-radius:4px;padding:4px 10px;font-size:.75rem}@media (width<=1024px){.main-content{grid-template-columns:1fr}}