<div style=”max-width: 1200px; margin: 0 auto; padding: 20px;”>
<div style=”text-align: center; margin-bottom: 40px; padding: 20px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border-radius: 10px;”>
<h1 style=”margin: 0; font-size: 2.5em; font-weight: 300;”>Adam’s Command Center</h1>
<p style=”margin: 10px 0 0 0; opacity: 0.9;”>Professional Operations Dashboard</p>
</div>
<div class=”nav-container” style=”display: flex; flex-wrap: wrap; gap: 15px; margin-bottom: 30px; justify-content: center;”>
<div style=”background: #4a90e2; color: white; padding: 15px 25px; border-radius: 8px; font-weight: 600; text-align: center; min-width: 120px;”>Overview</div>
<div style=”background: #f5f5f5; color: #333; padding: 15px 25px; border-radius: 8px; font-weight: 600; text-align: center; min-width: 120px;”>Personal</div>
<div style=”background: #f5f5f5; color: #333; padding: 15px 25px; border-radius: 8px; font-weight: 600; text-align: center; min-width: 120px;”>Arego</div>
<div style=”background: #f5f5f5; color: #333; padding: 15px 25px; border-radius: 8px; font-weight: 600; text-align: center; min-width: 120px;”>CI (JOBE)</div>
<div style=”background: #f5f5f5; color: #333; padding: 15px 25px; border-radius: 8px; font-weight: 600; text-align: center; min-width: 120px;”>Tasks</div>
<div style=”background: #f5f5f5; color: #333; padding: 15px 25px; border-radius: 8px; font-weight: 600; text-align: center; min-width: 120px;”>Agents</div>
</div>
<div style=”display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin-bottom: 30px;”>
<div style=”background: white; border: 1px solid #e0e0e0; border-radius: 10px; padding: 20px; text-align: center; box-shadow: 0 2px 10px rgba(0,0,0,0.1);”>
<h3 style=”margin: 0 0 10px 0; color: #4a90e2; font-size: 2em;”>12</h3>
<p style=”margin: 0; color: #666; font-weight: 600;”>Active Projects</p>
</div>
<div style=”background: white; border: 1px solid #e0e0e0; border-radius: 10px; padding: 20px; text-align: center; box-shadow: 0 2px 10px rgba(0,0,0,0.1);”>
<h3 style=”margin: 0 0 10px 0; color: #50c878; font-size: 2em;”>8</h3>
<p style=”margin: 0; color: #666; font-weight: 600;”>Completed This Week</p>
</div>
<div style=”background: white; border: 1px solid #e0e0e0; border-radius: 10px; padding: 20px; text-align: center; box-shadow: 0 2px 10px rgba(0,0,0,0.1);”>
<h3 style=”margin: 0 0 10px 0; color: #ff6b6b; font-size: 2em;”>3</h3>
<p style=”margin: 0; color: #666; font-weight: 600;”>High Priority</p>
</div>
<div style=”background: white; border: 1px solid #e0e0e0; border-radius: 10px; padding: 20px; text-align: center; box-shadow: 0 2px 10px rgba(0,0,0,0.1);”>
<h3 style=”margin: 0 0 10px 0; color: #9b59b6; font-size: 2em;”>4</h3>
<p style=”margin: 0; color: #666; font-weight: 600;”>Active Agents</p>
</div>
</div>
</div>