:root{--bg: #0a0a0f;--surface: #12121a;--surface2: #1a1a26;--border: #2a2a3a;--text: #e4e4ef;--text-dim: #8888a0;--accent: #6366f1;--accent-glow: rgba(99, 102, 241, .15);--green: #10b981;--yellow: #f59e0b;--red: #ef4444}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}.app{min-height:100vh;max-width:1400px;margin:0 auto;padding:1.5rem}header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.5rem;border-bottom:1px solid var(--border);margin-bottom:1.5rem}header h1{font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.subtitle{color:var(--text-dim);font-size:.85rem}.header-right{display:flex;align-items:center;gap:1rem}.refresh-time{color:var(--text-dim);font-size:.8rem}.refresh-btn{background:var(--surface2);border:1px solid var(--border);color:var(--text);padding:.4rem .8rem;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s}.refresh-btn:hover{background:var(--accent);border-color:var(--accent)}.stats-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.stat{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1rem 1.25rem;text-align:center}.stat-value{display:block;font-size:2rem;font-weight:700;color:var(--accent)}.stat-label{color:var(--text-dim);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.main-grid{display:grid;grid-template-columns:1fr 380px;gap:1.5rem}.agents-section h2{font-size:1.1rem;margin-bottom:1rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.agents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.agent-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1.25rem;transition:all .2s}.agent-card:hover{border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow)}.agent-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem}.agent-status{width:10px;height:10px;border-radius:50%;flex-shrink:0}.agent-header h3{font-size:1.1rem;font-weight:600;flex:1}.agent-level{font-size:.7rem;font-weight:600;padding:.2rem .5rem;border-radius:4px;color:#fff;text-transform:uppercase;letter-spacing:.03em}.agent-role{color:var(--text-dim);font-size:.85rem;margin-bottom:.75rem}.agent-task{background:var(--accent-glow);border:1px solid rgba(99,102,241,.3);border-radius:6px;padding:.5rem .75rem;font-size:.82rem;margin-bottom:.75rem}.task-label{color:var(--accent);font-weight:600}.agent-meta{display:flex;gap:1rem;font-size:.75rem;color:var(--text-dim);margin-bottom:.6rem}.agent-skills{display:flex;flex-wrap:wrap;gap:.3rem}.skill-tag{background:var(--surface2);border:1px solid var(--border);padding:.15rem .45rem;border-radius:4px;font-size:.7rem;color:var(--text-dim)}.skill-tag.more{color:var(--accent);border-color:var(--accent)}.activity-feed{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1.25rem;margin-bottom:1rem}.activity-feed h2,.project-list h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin-bottom:1rem}.activity-item{display:flex;align-items:flex-start;gap:.6rem;padding:.6rem 0;border-bottom:1px solid var(--border)}.activity-item:last-child{border-bottom:none}.activity-icon{font-size:.9rem;flex-shrink:0;margin-top:.1rem}.activity-content{flex:1;min-width:0}.activity-agent{font-weight:600;font-size:.82rem;display:block}.activity-desc{font-size:.8rem;color:var(--text-dim);display:block}.activity-project{font-size:.7rem;color:var(--accent);background:var(--accent-glow);padding:.1rem .35rem;border-radius:3px;display:inline-block;margin-top:.2rem}.activity-time{font-size:.7rem;color:var(--text-dim);white-space:nowrap;flex-shrink:0}.project-list{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1.25rem}.project-item{padding:.6rem 0;border-bottom:1px solid var(--border)}.project-item:last-child{border-bottom:none}.project-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.25rem}.project-header h4{font-size:.9rem;font-weight:600}.project-meta{font-size:.7rem;color:var(--text-dim)}.project-item p{font-size:.8rem;color:var(--text-dim)}footer{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-dim)}@media(max-width:900px){.main-grid{grid-template-columns:1fr}.stats-bar{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.app{padding:1rem}header{flex-direction:column;gap:.5rem;text-align:center}.agents-grid{grid-template-columns:1fr}footer{flex-direction:column;text-align:center;gap:.3rem}}