.subagents-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.subagents-page-title{display:flex;align-items:center;gap:10px}.subagents-page-title h1{font-size:18px;font-weight:700;color:var(--text-primary);margin:0}.subagents-page-title .sa-live-badge,.sa-live-badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#22c55e;background:#22c55e14;border:1px solid rgba(34,197,94,.2);border-radius:99px;padding:2px 8px;margin-right:8px;flex-shrink:0}.sa-live-badge:before{content:"";width:6px;height:6px;background:#22c55e;border-radius:50%;animation:sa-blink 2s ease-in-out infinite}@keyframes sa-blink{0%,to{opacity:1}50%{opacity:.25}}.subagents-stats-toolbar{display:flex;align-items:center;height:48px;padding:0 16px;gap:0;background:var(--bg-surface, rgba(255, 255, 255, .03));border:1px solid var(--border-subtle);border-radius:12px;margin-bottom:16px;overflow:hidden}.subagents-stat-strip{display:flex;align-items:center;height:100%;flex-shrink:0;border-right:1px solid var(--border-subtle);padding-right:4px;margin-right:12px}.subagents-stat-item{display:flex;align-items:baseline;gap:4px;padding:0 12px;border-right:1px solid var(--border-subtle)}.subagents-stat-item:last-child{border-right:none;padding-right:8px}.subagents-stat-item:first-child{padding-left:0}.subagents-stat-val{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1}.subagents-stat-val--active{color:#22c55e}.subagents-stat-val--completed{color:#8b5cf6}.subagents-stat-val--failed{color:#ef4444}.subagents-stat-val--total{color:var(--text-secondary)}.subagents-stat-lbl{font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-tertiary)}.subagents-filters{display:flex;align-items:center;gap:4px}.subagents-filter-pill{height:26px;padding:0 10px;border-radius:99px;font-size:11px;font-weight:600;border:1px solid transparent;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:all .15s ease;white-space:nowrap}.subagents-filter-pill:hover{color:var(--text-primary);background:var(--bg-inset);border-color:var(--border-subtle)}.subagents-filter-pill--active{background:var(--bg-inset);border-color:var(--border-subtle);color:var(--text-primary)}.subagents-filter-pill--running.subagents-filter-pill--active{background:#22c55e1a;border-color:#22c55e4d;color:#22c55e}.subagents-filter-pill--failed.subagents-filter-pill--active{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.subagents-filter-pill--completed.subagents-filter-pill--active{background:#8b5cf61a;border-color:#8b5cf64d;color:#a78bfa}.subagents-refresh-btn{margin-left:auto;height:30px;padding:0 12px;background:var(--bg-inset);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s ease;flex-shrink:0}.subagents-refresh-btn:hover{background:#8b5cf614;border-color:#8b5cf64d;color:#a78bfa}.subagents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}.subagents-card{background:var(--bg-surface, rgba(255, 255, 255, .03));border:1px solid var(--border-subtle);border-radius:12px;padding:14px 16px;position:relative;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .15s;border-left:3px solid var(--run-accent, #555);overflow:hidden}.subagents-card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,var(--run-accent, transparent) 0%,transparent 40%);opacity:.03;pointer-events:none}.subagents-card:hover{border-color:var(--run-accent, rgba(139, 92, 246, .5));box-shadow:0 4px 24px #00000040,0 0 0 1px var(--run-accent, transparent);transform:translateY(-1px)}.subagents-card:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.subagents-card--running{background:linear-gradient(135deg,rgba(34,197,94,.04) 0%,var(--bg-surface, rgba(255, 255, 255, .03)) 50%)}.subagents-card__header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.subagents-card__status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.subagents-card__status-dot--running{background:#22c55e;box-shadow:0 0 0 2px #22c55e33;animation:sa-ping 2s ease-in-out infinite}.subagents-card__status-dot--pending{background:#f59e0b;box-shadow:0 0 0 2px #f59e0b33;animation:sa-ping 2s ease-in-out infinite}.subagents-card__status-dot--completed{background:#8b5cf6}.subagents-card__status-dot--failed{background:#ef4444}.subagents-card__status-dot--timeout{background:#f97316}@keyframes sa-ping{0%,to{box-shadow:0 0 0 2px rgba(var(--dot-color-rgb, 34, 197, 94),.3)}50%{box-shadow:0 0 0 5px rgba(var(--dot-color-rgb, 34, 197, 94),0)}}@keyframes subagent-pulse{0%,to{opacity:1}50%{opacity:.4}}.subagents-card__label{font-weight:600;font-size:13px;color:var(--text-primary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subagents-card__id{font-size:10px;font-family:var(--font-mono, "JetBrains Mono", monospace);color:var(--text-tertiary);opacity:.6;flex-shrink:0}.subagents-card__task{font-size:12px;color:var(--text-secondary);margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.subagents-card__progress{height:2px;background:var(--border-subtle);border-radius:1px;margin-bottom:10px;overflow:hidden}.subagents-card__progress-bar{height:100%;background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:1px;animation:sa-progress 3s ease-in-out infinite;transform-origin:left}@keyframes sa-progress{0%{width:15%;opacity:.6}50%{width:75%;opacity:1}to{width:90%;opacity:.7}}.subagents-card__meta{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.subagents-card__badge{font-size:10px;font-weight:600;padding:2px 6px;border-radius:5px;background:#8b5cf614;color:#a78bfa;border:1px solid rgba(139,92,246,.18);white-space:nowrap}.subagents-card__badge--model{background:#22c55e0f;color:#4ade80;border-color:#22c55e26}.subagents-card__badge--status{text-transform:uppercase;letter-spacing:.05em;font-size:9px}.subagents-card__badge--running{background:#22c55e14;color:#22c55e;border-color:#22c55e40}.subagents-card__badge--pending{background:#f59e0b14;color:#f59e0b;border-color:#f59e0b40}.subagents-card__badge--failed{background:#ef444414;color:#ef4444;border-color:#ef444440}.subagents-card__badge--timeout{background:#f9731614;color:#f97316;border-color:#f9731640}.subagents-card__badge--completed{background:#8b5cf614;color:#a78bfa;border-color:#8b5cf633}.subagents-card__runtime{font-size:11px;color:var(--text-tertiary);font-variant-numeric:tabular-nums;margin-left:auto;font-family:var(--font-mono, monospace)}.subagents-card__actions{display:flex;justify-content:flex-end;margin-top:10px;padding-top:10px;border-top:1px solid var(--border-subtle)}.subagents-card__stop-btn{background:#ef44440f;border:1px solid rgba(239,68,68,.2);border-radius:6px;padding:4px 10px;color:#ef4444;font-size:11px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .15s ease}.subagents-card__stop-btn:hover{background:#ef44441f;border-color:#ef4444}.subagents-card--selected{border-color:var(--color-brand, #8b5cf6)!important;box-shadow:0 0 0 1px var(--color-brand, #8b5cf6)}.subagents-detail{background:var(--bg-surface, rgba(255, 255, 255, .03));border:1px solid var(--border-subtle);border-radius:12px;padding:20px;margin-top:12px;animation:subagents-slide-in .2s ease-out}@keyframes subagents-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.subagents-detail__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-subtle)}.subagents-detail__title{font-size:14px;font-weight:600;color:var(--text-primary)}.subagents-detail__close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--bg-inset);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-tertiary);cursor:pointer;transition:all .15s ease}.subagents-detail__close:hover{background:var(--bg-elevated);color:var(--text-primary)}.subagents-detail__table{display:grid;grid-template-columns:140px 1fr;gap:8px 16px;font-size:12px}.subagents-detail__key{color:var(--text-tertiary);font-weight:600;font-size:10px;letter-spacing:.05em;text-transform:uppercase;display:flex;align-items:flex-start;padding-top:2px}.subagents-detail__value{color:var(--text-primary);word-break:break-all;line-height:1.5}.subagents-detail__value--mono{font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:11px;color:var(--text-secondary)}.subagents-empty{text-align:center;padding:72px 24px 48px;display:flex;flex-direction:column;align-items:center;animation:subagents-rise .3s cubic-bezier(.16,1,.3,1) both}@keyframes subagents-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.subagents-empty__icon{width:72px;height:72px;margin:0 auto 20px;background:linear-gradient(135deg,#8b5cf61f,#8b5cf60a);border:1px solid rgba(139,92,246,.2);border-radius:20px;display:flex;align-items:center;justify-content:center;color:#a78bfa;box-shadow:0 0 40px #8b5cf614}.subagents-empty__title{font-size:19px;font-weight:700;color:var(--text-primary);margin:0 0 10px;letter-spacing:-.02em}.subagents-empty__desc{font-size:14px;max-width:400px;margin:0 auto 24px;line-height:1.65;color:var(--text-tertiary)}.subagents-empty__hint{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:14px;padding:16px 20px;text-align:left;max-width:440px;width:100%}.subagents-empty__hint-title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.subagents-empty__hint-body{font-size:13px;color:var(--text-secondary);line-height:1.6;margin:0 0 10px}.subagents-empty__details{font-size:12px;color:var(--text-tertiary)}.subagents-empty__details summary{cursor:pointer;user-select:none;padding:2px 0}.subagents-empty__details summary:hover{color:var(--text-secondary)}.subagents-empty__code{display:block;margin-top:8px;padding:10px 12px;background:var(--bg-inset);border:1px solid var(--border-subtle);border-radius:8px;font-family:var(--font-mono, monospace);font-size:11px;color:var(--text-secondary);line-height:1.7}.subagents-loading{display:flex;align-items:center;justify-content:center;padding:48px;color:var(--text-tertiary);gap:10px;font-size:13px}.subagents-loading__spinner{width:18px;height:18px;border:2px solid var(--border-subtle);border-top-color:#8b5cf6;border-radius:50%;animation:subagent-spin .7s linear infinite}@keyframes subagent-spin{to{transform:rotate(360deg)}}.subagents-card__agent-name{font-size:11px;color:var(--text-tertiary);margin-bottom:4px;display:flex;align-items:center;gap:4px}.subagents-card__capabilities{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.subagents-card__cap{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:600;padding:3px 8px;border-radius:6px;border:1px solid transparent}.subagents-card__cap--skills{background:#22c55e14;color:#22c55e;border-color:#22c55e33}.subagents-card__cap--tools{background:#3b82f614;color:#60a5fa;border-color:#3b82f633}.subagents-error{background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:10px;padding:12px 16px;color:#ef4444;font-size:13px;display:flex;align-items:center;gap:8px;margin-bottom:12px}.subagents-stats,.subagents-toolbar{display:none}@media(max-width:768px){.subagents-grid{grid-template-columns:1fr}.subagents-stats-toolbar{height:auto;flex-wrap:wrap;padding:10px 12px;gap:8px}.subagents-stat-strip{border-right:none;padding-right:0;margin-right:0}}