feat(dashboard): add status+graph views

static/style.css

@@ -54,6 +54,75 @@ body {
     padding: 10px 12px;
     background: #141419;
 }
+
+/* ─── View Tabs ───────────────────────────────────────────────────────────── */
+.view-tabs {
+    display: flex;
+    gap: 8px;
+    padding: 0 12px 10px;
+}
+.tab-btn {
+    flex: 1;
+    background: #1e1e28;
+    border: 1px solid #2a2a3a;
+    border-radius: 10px;
+    padding: 9px 10px;
+    color: #cfd3ff;
+    font-weight: 600;
+    font-size: 0.85rem;
+}
+.tab-btn.active {
+    border-color: #6c8af5;
+    box-shadow: 0 0 0 1px rgba(108,138,245,0.25) inset;
+}
+
+/* ─── Panels (Graph/Status) ──────────────────────────────────────────────── */
+.panel {
+    margin: 8px 12px;
+    background: #1a1a24;
+    border: 1px solid #252533;
+    border-radius: 14px;
+    padding: 10px 12px;
+}
+.panel-title {
+    font-size: 0.8rem;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+    color: #9aa3d9;
+    margin-bottom: 8px;
+}
+.kv-row {
+    display: flex;
+    gap: 10px;
+    padding: 6px 0;
+    border-bottom: 1px solid #20202a;
+}
+.kv-row:last-child { border-bottom: none; }
+.kv-key {
+    width: 110px;
+    color: #888899;
+    font-size: 0.78rem;
+}
+.kv-val {
+    flex: 1;
+    color: #e8e8ee;
+    font-size: 0.85rem;
+    word-break: break-word;
+}
+.pill {
+    display: inline-block;
+    margin: 2px 4px 2px 0;
+    padding: 2px 8px;
+    border-radius: 999px;
+    background: #2a2a3a;
+    color: #8a9aff;
+    font-size: 0.72rem;
+}
+.muted {
+    color: #888899;
+    font-size: 0.8rem;
+    margin-top: 6px;
+}
 #searchInput {
     flex: 1;
     background: #1e1e28;