diff --git a/frontend/src/views/DashboardView.vue b/frontend/src/views/DashboardView.vue
index ef62ecd..cc549e1 100644
--- a/frontend/src/views/DashboardView.vue
+++ b/frontend/src/views/DashboardView.vue
@@ -45,12 +45,40 @@ function onQueueExecuteNow(id: string): void {
+
+
+ "An autonomous organization of AI agents that does work for me and produces value 24/7"
+
+
+
+
+
+
+
+
+
+
+ Aktive Verbindung
+
+
+
+ Idle
+
+
+
+ Datenfluss (Pulse)
+
+
@@ -74,7 +102,89 @@ function onQueueExecuteNow(id: string): void {
.dashboard ::-webkit-scrollbar-thumb { background: rgba(139,124,246,0.2); border-radius: 3px; }
.dashboard ::-webkit-scrollbar-thumb:hover { background: rgba(139,124,246,0.35); }
.col-left { display: flex; flex-direction: column; gap: 12px; overflow-y: auto; padding-right: 4px; }
-.col-center { overflow-y: auto; padding: 0 4px; min-height: 0; }
+.col-center { overflow-y: auto; padding: 0 4px; min-height: 0; display: flex; flex-direction: column; gap: 12px; }
+
+/* Quote Pill */
+.quote-pill {
+ background: var(--panel);
+ border: 1px solid rgba(139, 124, 246, 0.25);
+ border-radius: 14px;
+ padding: 14px 22px;
+ box-shadow: 0 0 18px rgba(139, 124, 246, 0.06), inset 0 0 18px rgba(139, 124, 246, 0.03);
+ text-align: center;
+}
+.quote-text {
+ font-style: italic;
+ font-size: 12px;
+ color: #9ea5b3;
+ line-height: 1.5;
+}
+
+/* Team Header */
+.team-header {
+ text-align: center;
+}
+.team-title {
+ font-size: 26px;
+ font-weight: 600;
+ color: #e8eaf0;
+ margin: 0 0 6px;
+}
+.team-subtitle {
+ font-size: 12px;
+ color: #7e8799;
+ margin: 0 0 4px;
+}
+.team-description {
+ font-size: 10.5px;
+ color: #6b7385;
+ margin: 0;
+ max-width: 560px;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+/* Legend */
+.legend-row {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ gap: 24px;
+ padding: 12px 20px;
+ background: var(--panel);
+ border: 1px solid var(--line);
+ border-radius: 10px;
+}
+.legend-item {
+ display: flex;
+ align-items: center;
+ gap: 8px;
+ font-size: 10px;
+ color: #7e8799;
+}
+.legend-dot {
+ width: 8px;
+ height: 8px;
+ border-radius: 50%;
+ flex-shrink: 0;
+}
+.active-pulse {
+ background: #51d49a;
+ box-shadow: 0 0 6px rgba(81, 212, 154, 0.6);
+}
+.idle-pulse {
+ background: #3a3f4b;
+}
+.pulse-dot {
+ background: white;
+ width: 6px;
+ height: 6px;
+ animation: legend-pulse 1.5s ease-in-out infinite;
+}
+@keyframes legend-pulse {
+ 0%, 100% { opacity: 0.3; transform: scale(0.8); }
+ 50% { opacity: 1; transform: scale(1.2); }
+}
.col-right { display: flex; flex-direction: column; gap: 12px; overflow-y: auto; padding-left: 4px; }
.missions-section { display: flex; flex-direction: column; gap: 8px; }
.column-title { margin: 0; font-size: 13px; font-weight: 600; color: #e8eaf0; letter-spacing: 0.01em; }