diff --git a/static/style.css b/static/style.css
index 5aae2e1..5f04e6b 100644
--- a/static/style.css
+++ b/static/style.css
@@ -29,6 +29,13 @@
   --radius-sm:      9px;
   --radius-xs:      6px;
   --transition:     .18s cubic-bezier(.4,0,.2,1);
+  
+  /* Agent Colors */
+  --agent-orchestrator: #7c6fff;
+  --agent-researcher:   #06d6a0;
+  --agent-negotiator:   #f43f5e;
+  --agent-ar_manager:   #fbbf24;
+  --agent-default:      #38bdf8;
 }
 
 /* ── Reset & Base ─────────────────────────────────────────────────────────── */
@@ -710,6 +717,23 @@ hr             { border-color: var(--border); opacity: 1; }
   pointer-events: none;
 }
 
+/* ── Agent Color System ─────────────────────────────────────────────────────── */
+
+.agent-orchestrator { color: var(--agent-orchestrator) !important; }
+.agent-researcher { color: var(--agent-researcher) !important; }
+.agent-negotiator { color: var(--agent-negotiator) !important; }
+.agent-ar_manager { color: var(--agent-ar_manager) !important; }
+
+.agent-badge-orchestrator { background-color: var(--agent-orchestrator) !important; }
+.agent-badge-researcher { background-color: var(--agent-researcher) !important; }
+.agent-badge-negotiator { background-color: var(--agent-negotiator) !important; }
+.agent-badge-ar_manager { background-color: var(--agent-ar_manager) !important; }
+
+.agent-border-orchestrator { border-left: 3px solid var(--agent-orchestrator); }
+.agent-border-researcher { border-left: 3px solid var(--agent-researcher); }
+.agent-border-negotiator { border-left: 3px solid var(--agent-negotiator); }
+.agent-border-ar_manager { border-left: 3px solid var(--agent-ar_manager); }
+
 /* ── Responsive adjustments ───────────────────────────────────────────────── */
 
 @media (max-width: 768px) {
diff --git a/templates/base.html b/templates/base.html
index b97fdd8..c6deae9 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -55,15 +55,10 @@
             </a>
           </li>
           <li class="nav-item">
-            <a class="nav-link {% if request.path == '/emails' %}active{% endif %}" href="/emails">
+            <a class="nav-link {% if request.path in ['/emails', '/email-log'] %}active{% endif %}" href="/emails">
               <span>✉</span> Emails
             </a>
           </li>
-          <li class="nav-item">
-            <a class="nav-link {% if request.path == '/email-log' %}active{% endif %}" href="/email-log">
-              <span>📋</span> Log
-            </a>
-          </li>
           <li class="nav-item">
             <a class="nav-link {% if request.path == '/team' %}active{% endif %}" href="/team">
               <span>👥</span> Team
diff --git a/templates/emails.html b/templates/emails.html
index 341eea0..74076d0 100644
--- a/templates/emails.html
+++ b/templates/emails.html
@@ -104,6 +104,22 @@
     </div>
   </div>
 </div>
+
+<div class="row g-4 mt-4">
+  <div class="col-12">
+    <div class="card">
+      <div class="card-header bg-secondary d-flex justify-content-between align-items-center">
+        <h5 class="mb-0">📋 Email Journal / Log</h5>
+        <a href="/email-log" class="btn btn-sm btn-outline-light">Vollständiges Log</a>
+      </div>
+      <div class="card-body">
+        <p class="text-muted">
+          Das vollständige Email-Journal zeigt alle verarbeiteten Emails mit Details zu Status, Agent-Zuweisungen und Zeitstempeln.
+        </p>
+      </div>
+    </div>
+  </div>
+</div>
 {% endblock %}
 
 {% block scripts %}
diff --git a/templates/tasks.html b/templates/tasks.html
index 3bd05a7..155ad27 100644
--- a/templates/tasks.html
+++ b/templates/tasks.html
@@ -30,7 +30,7 @@
             </thead>
             <tbody>
               {% for task in tasks %}
-              <tr>
+              <tr class="agent-border-{{ task.agent_key or 'default' }}">
                 <td style="color:var(--text-muted);">{{ task.id }}</td>
                 <td>
                   <strong>{{ task.title }}</strong>
@@ -49,7 +49,9 @@
                     </div>
                   {% endif %}
                 </td>
-                <td style="font-size:.8rem;">{{ task.assigned_agent }}</td>
+                <td style="font-size:.8rem;" class="agent-{{ task.agent_key or 'default' }}">
+                  <strong>{{ task.assigned_agent }}</strong>
+                </td>
                 <td>
                   {% if task.status == 'pending' %}
                     <span class="badge bg-warning">Pending</span>