@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@300;400;500;600;700&family=Syncopate:wght@400;700&display=swap";:root{--bg-deep: #06060b;--bg-primary: #0a0b14;--bg-secondary: #0f101d;--bg-card: rgba(16, 17, 30, .7);--bg-card-hover: rgba(22, 24, 45, .85);--bg-input: rgba(12, 13, 24, .8);--border: rgba(80, 70, 140, .2);--border-accent: rgba(120, 100, 220, .4);--border-glow: rgba(130, 100, 255, .15);--text-primary: #e0dff5;--text-secondary: #8b87b8;--text-muted: #5c5880;--neon-purple: #a855f7;--neon-purple-dim: rgba(168, 85, 247, .15);--neon-purple-glow: rgba(168, 85, 247, .4);--neon-cyan: #22d3ee;--neon-cyan-dim: rgba(34, 211, 238, .1);--neon-cyan-glow: rgba(34, 211, 238, .3);--neon-green: #4ade80;--neon-green-dim: rgba(74, 222, 128, .12);--neon-green-glow: rgba(74, 222, 128, .35);--neon-pink: #f472b6;--neon-pink-dim: rgba(244, 114, 182, .1);--neon-amber: #fbbf24;--neon-amber-dim: rgba(251, 191, 36, .12);--neon-red: #f87171;--neon-red-dim: rgba(248, 113, 113, .12);--radius: 10px;--radius-sm: 6px;--radius-lg: 16px;--transition: .22s cubic-bezier(.4, 0, .2, 1);--glass-bg: linear-gradient(135deg, rgba(16, 17, 30, .6) 0%, rgba(12, 13, 24, .8) 100%);--glass-border: 1px solid rgba(120, 100, 220, .2);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .4), 0 1px 0 rgba(255, 255, 255, .03) inset}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Space Grotesk,system-ui,-apple-system,sans-serif;background:var(--bg-deep);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;background-image:radial-gradient(ellipse at 20% 0%,rgba(168,85,247,.04) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(34,211,238,.03) 0%,transparent 50%),linear-gradient(180deg,var(--bg-deep) 0%,var(--bg-primary) 100%)}body:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none;z-index:9999;opacity:.3}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:20px;color:var(--text-secondary)}.loading-spinner{width:48px;height:48px;border:2px solid rgba(168,85,247,.15);border-top:2px solid var(--neon-purple);border-radius:50%;animation:spin .7s linear infinite;box-shadow:0 0 20px var(--neon-purple-glow)}@keyframes spin{to{transform:rotate(360deg)}}.error-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:10px;color:var(--neon-red)}.app{max-width:1680px;margin:0 auto;padding:28px 32px;position:relative;z-index:1}.app-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid var(--border);position:relative}.app-header:after{content:"";position:absolute;bottom:-1px;left:0;width:200px;height:1px;background:linear-gradient(90deg,var(--neon-purple),transparent)}.header-left h1{font-size:30px;font-weight:700;font-family:Syncopate,Space Grotesk,sans-serif;letter-spacing:2px;text-transform:uppercase;background:linear-gradient(135deg,#c084fc,#818cf8 40%,#22d3ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 8px rgba(168,85,247,.3))}.header-subtitle{display:block;margin-top:6px;color:var(--text-muted);font-size:13px;font-family:JetBrains Mono,monospace;letter-spacing:1px;text-transform:uppercase;-webkit-text-fill-color:var(--text-muted)}.header-right{display:flex;align-items:center;gap:12px}.live-indicator{display:flex;align-items:center;gap:10px;background:var(--glass-bg);padding:10px 20px;border-radius:24px;font-size:11px;font-weight:700;letter-spacing:2px;color:var(--neon-green);border:1px solid rgba(74,222,128,.25);font-family:Syncopate,Space Grotesk,sans-serif;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 20px var(--neon-green-dim)}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--neon-green);animation:livePulse 1.5s ease-in-out infinite;box-shadow:0 0 8px var(--neon-green),0 0 16px var(--neon-green-glow)}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.stats-bar{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:28px}.stat{position:relative;background:var(--glass-bg);border:var(--glass-border);border-radius:var(--radius);padding:18px 16px;text-align:center;transition:all var(--transition);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--glass-shadow);overflow:hidden}.stat:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--neon-purple-dim),transparent);opacity:0;transition:opacity var(--transition)}.stat:hover:before{opacity:1}.stat:hover{border-color:var(--border-accent);transform:translateY(-2px);box-shadow:var(--glass-shadow),0 0 24px var(--neon-purple-dim)}.stat-value{display:block;font-size:30px;font-weight:700;font-family:JetBrains Mono,monospace;position:relative;z-index:1;color:var(--text-primary)}.stat-label{display:block;font-size:10px;color:var(--text-muted);margin-top:6px;text-transform:uppercase;letter-spacing:1.5px;font-weight:600;position:relative;z-index:1;font-family:JetBrains Mono,monospace}.main-layout{display:grid;grid-template-columns:340px 1fr;gap:24px;align-items:start}.sidebar{display:flex;flex-direction:column;gap:16px;position:sticky;top:24px}.panel{background:var(--glass-bg);border:var(--glass-border);border-radius:var(--radius);padding:18px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--glass-shadow)}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--border)}.panel-header h3{font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;font-family:JetBrains Mono,monospace;color:var(--text-secondary)}.panel-count{font-size:11px;padding:2px 10px;border-radius:10px;color:var(--neon-purple);font-family:JetBrains Mono,monospace;font-weight:600;background:var(--neon-purple-dim);border:1px solid rgba(168,85,247,.2)}.filter-section{display:flex;flex-direction:column;gap:5px}.filter-section h3{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);margin-bottom:6px;font-family:JetBrains Mono,monospace;font-weight:600}.filter-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-secondary);padding:10px 14px;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;text-align:left;transition:all var(--transition);font-family:Space Grotesk,sans-serif;font-weight:500;position:relative;overflow:hidden}.filter-btn:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--neon-purple);transform:scaleY(0);transition:transform var(--transition)}.filter-btn:hover{border-color:var(--border-accent);color:var(--text-primary);background:#16182d99}.filter-btn:hover:before{transform:scaleY(1)}.filter-btn.active{background:linear-gradient(135deg,#a855f733,#8264ff1a);border-color:var(--neon-purple);color:var(--neon-purple);box-shadow:0 0 12px var(--neon-purple-dim)}.filter-btn.active:before{transform:scaleY(1)}.system-grid{display:grid;gap:14px}.sys-stat{display:flex;flex-direction:column;gap:5px}.sys-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-family:JetBrains Mono,monospace;font-weight:600}.sys-value{font-size:14px;font-weight:600;font-family:JetBrains Mono,monospace;color:var(--text-primary)}.sys-bar{height:3px;background:#ffffff0d;border-radius:2px;overflow:hidden;margin-top:3px}.sys-bar-fill{height:100%;border-radius:2px;transition:width .6s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px currentColor}.process-list{display:flex;flex-direction:column;gap:4px;max-height:350px;overflow-y:auto}.process-list::-webkit-scrollbar{width:4px}.process-list::-webkit-scrollbar-track{background:transparent}.process-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.process-row{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;font-size:11px;transition:all var(--transition);border:1px solid transparent}.process-row:hover{background:#16182d80;border-color:var(--border)}.process-type{padding:3px 8px;border-radius:4px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;font-family:JetBrains Mono,monospace}.process-type[data-type=agent]{background:#a855f726;color:var(--neon-purple);border:1px solid rgba(168,85,247,.3)}.process-type[data-type=inference]{background:#fbbf241f;color:var(--neon-amber);border:1px solid rgba(251,191,36,.2)}.process-type[data-type=gateway]{background:#22d3ee1a;color:var(--neon-cyan);border:1px solid rgba(34,211,238,.2)}.process-type[data-type=service]{background:#4ade801a;color:var(--neon-green);border:1px solid rgba(74,222,128,.2)}.process-type[data-type=script]{background:#f472b61a;color:var(--neon-pink);border:1px solid rgba(244,114,182,.2)}.process-type[data-type=dashboard]{background:#818cf81f;color:#a5b4fc;border:1px solid rgba(129,140,248,.2)}.process-command{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:10px}.process-stats{display:flex;gap:8px;font-family:JetBrains Mono,monospace;font-size:10px;white-space:nowrap}.cpu{color:var(--neon-amber)}.mem{color:var(--neon-cyan)}.show-more{width:100%;background:none;border:1px solid var(--border);color:var(--text-secondary);padding:7px;border-radius:6px;cursor:pointer;font-size:11px;margin-top:10px;transition:all var(--transition);font-family:Space Grotesk,sans-serif;font-weight:600;letter-spacing:.5px}.show-more:hover{border-color:var(--neon-purple);color:var(--neon-purple);box-shadow:0 0 12px var(--neon-purple-dim)}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.content-header h2{font-size:17px;font-weight:700;letter-spacing:1px;text-transform:uppercase;font-family:JetBrains Mono,monospace;color:var(--text-secondary)}.content-count{font-size:12px;color:var(--neon-purple);font-family:JetBrains Mono,monospace;padding:4px 12px;background:var(--neon-purple-dim);border-radius:12px;border:1px solid rgba(168,85,247,.2)}.agents-grid{display:flex;flex-direction:column;gap:8px}.empty-state{text-align:center;padding:80px 20px;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:14px}.agent-card{background:var(--glass-bg);border:var(--glass-border);border-radius:var(--radius);overflow:hidden;transition:all var(--transition);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--glass-shadow)}.agent-card:hover{border-color:var(--border-accent);box-shadow:var(--glass-shadow),0 0 20px var(--border-glow);transform:translate(2px)}.agent-card-header{display:flex;align-items:center;gap:16px;padding:16px 22px;cursor:pointer;border-left:3px solid transparent;transition:all var(--transition);position:relative}.agent-card:hover .agent-card-header{border-left-color:var(--neon-purple)}.agent-icon{font-size:28px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-input);border-radius:var(--radius-sm);flex-shrink:0;border:1px solid var(--border);transition:all var(--transition)}.agent-card:hover .agent-icon{border-color:var(--border-accent);box-shadow:0 0 12px var(--neon-purple-dim)}.agent-info{flex:1;min-width:0}.agent-name{font-size:15px;font-weight:600;display:flex;align-items:center;gap:10px}.agent-type{font-size:10px;font-weight:700;color:var(--text-muted);padding:3px 10px;background:var(--bg-input);border-radius:4px;text-transform:uppercase;letter-spacing:1px;font-family:JetBrains Mono,monospace;border:1px solid var(--border)}.agent-meta{display:flex;gap:14px;margin-top:5px;font-size:11px;color:var(--text-muted);font-family:JetBrains Mono,monospace}.agent-status{display:flex;align-items:center;gap:7px;padding:7px 18px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;font-family:JetBrains Mono,monospace;white-space:nowrap;border:1px solid rgba(255,255,255,.1)}.status-dot{width:7px;height:7px;border-radius:50%;animation:statusBlink 2s ease-in-out infinite}@keyframes statusBlink{0%,to{opacity:1}50%{opacity:.3}}.agent-card-body{padding:22px;border-top:1px solid var(--border);background:#0a0b1480;animation:expandIn .25s ease-out}@keyframes expandIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.skills-section h4{font-size:11px;color:var(--text-muted);margin-bottom:12px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;font-family:JetBrains Mono,monospace}.skills-grid{display:flex;flex-wrap:wrap;gap:8px}.skill-chip{display:flex;align-items:center;gap:7px;padding:7px 14px;background:#16182d80;border:1px solid var(--border);border-radius:20px;font-size:12px;transition:all var(--transition);cursor:default;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.skill-chip:hover{border-color:var(--neon-purple);background:#a855f71a;box-shadow:0 0 12px var(--neon-purple-dim);transform:translateY(-1px)}.skill-name{font-weight:500;color:var(--text-primary)}.skill-version{font-size:10px;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-weight:500}.agent-footer{margin-top:16px;padding-top:14px;border-top:1px solid var(--border);font-size:11px;color:var(--text-muted);font-family:JetBrains Mono,monospace}@media (max-width: 1200px){.stats-bar{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.main-layout{grid-template-columns:1fr}.sidebar{position:static}}@media (max-width: 640px){.app{padding:16px}.stats-bar{grid-template-columns:repeat(2,1fr)}.app-header{flex-direction:column;gap:14px}.header-left h1{font-size:22px}}