* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: -apple-system, BlinkMacSystemFont, ‚Segoe UI‘, Roboto, sans-serif; background: #0a0e1a; color: #e0e6f0; min-height: 100vh; }
.header { background: linear-gradient(135deg, #1a1f35 0%, #0d1220 100%); border-bottom: 1px solid #2a3050; padding: 24px 32px; }
.header h1 { font-size: 24px; font-weight: 700; color: #7eb8ff; }
.header p { color: #8892b0; margin-top: 4px; font-size: 14px; }
.status-dot { display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 8px; vertical-align: middle; }
.status-dot.green { background: #00e676; box-shadow: 0 0 8px #00e676; }
.status-dot.amber { background: #ffb300; box-shadow: 0 0 8px #ffb300; }
.status-dot.red { background: #ff1744; box-shadow: 0 0 8px #ff1744; }
.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; padding: 24px 32px; }
.card { background: #141929; border: 1px solid #2a3050; border-radius: 12px; padding: 20px; transition: border-color 0.2s; }
.card:hover { border-color: #4a6cf7; }
.card .label { font-size: 12px; text-transform: uppercase; letter-spacing: 1px; color: #8892b0; margin-bottom: 8px; }
.card .value { font-size: 36px; font-weight: 700; }
.card .sub { font-size: 13px; color: #6b7a9c; margin-top: 4px; }
.green { color: #00e676; }
.blue { color: #4a6cf7; }
.amber { color: #ffb300; }
.red { color: #ff1744; }
.white { color: #e0e6f0; }
.bar { height: 6px; background: #1e2540; border-radius: 3px; margin-top: 12px; overflow: hidden; }
.bar-fill { height: 100%; border-radius: 3px; transition: width 0.5s ease; }
.bar-fill.green { background: linear-gradient(90deg, #00c853, #00e676); }
.bar-fill.blue { background: linear-gradient(90deg, #2962ff, #4a6cf7); }
.bar-fill.red { background: linear-gradient(90deg, #d50000, #ff1744); }
.section { padding: 0 32px 24px; }
.section h2 { font-size: 16px; font-weight: 600; color: #8892b0; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 12px; }
.goal-table { width: 100%; border-collapse: collapse; background: #141929; border: 1px solid #2a3050; border-radius: 12px; overflow: hidden; }
.goal-table th { text-align: left; padding: 12px 16px; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; color: #6b7a9c; border-bottom: 1px solid #2a3050; }
.goal-table td { padding: 10px 16px; font-size: 14px; border-bottom: 1px solid #1a2035; }
.goal-table tr:last-child td { border-bottom: none; }
.badge { display: inline-block; padding: 2px 8px; border-radius: 4px; font-size: 11px; font-weight: 600; text-transform: uppercase; }
.badge.completed { background: #004d40; color: #00e676; }
.badge.active { background: #1a237e; color: #7eb8ff; }
.badge.blocked { background: #4a148c; color: #ce93d8; }
.footer { padding: 16px 32px; color: #4a5568; font-size: 12px; border-top: 1px solid #1a2035; }
Hermes Agent — System Health Dashboard
Reviewed: June 4, 2026
Autonomous AI Deputy • data-gate.ch • Auto-refreshes every 2 minutes
Active Goals
| Goal | Status | Done | Blocked | Priority |
|---|---|---|---|---|
| WordPress App Password & Content Publishing | Active | 0 | 4 | P1 |
| SEO Meta Description Deployment | Active | 2 | 1 | P1 |
| WordPress Publishing Pipeline | Active | 0 | 4 | P1 |
| DataGate CRO & Engagement | Active | 3 | 1 | P2 |
| Audience Growth Engine — June 2026 | Active | 2 | 2 | P2 |
| Content Wave 150: Government, Edge AI, Cyber, Regulation | Active | 0 | 0 | P2 |
| Hermes Health & Content Analytics Dashboards | Active | 0 | 0 | P2 |
Blocked — Needs Human Action
| Issue | What’s Needed | Impact |
|---|---|---|
| WordPress App Password | Create at data-gate.ch/wp-admin/profile.php | Blocks 17 tasks across 6 goals |
| SMTP Credentials (Hoststar) | Provide mail.data-gate.ch password | Blocks newsletter sending |
| M365 OAuth2 Admin Consent | Grant consent in Azure Portal | Blocks automated email reports |
| Twitter/x-cli Install | Install x-cli or xurl for API access | Blocks social auto-posting |