feat(dashboard): realtime status + graph render

static/style.css

@@ -27,6 +27,31 @@ body {
     top: 0;
     z-index: 50;
 }
+
+.tabs-bar{
+    display:flex;
+    gap:8px;
+    padding:8px 12px 10px;
+    background:#141419;
+    border-bottom:1px solid #252530;
+    position: sticky;
+    top: 52px;
+    z-index: 45;
+}
+.tabs-bar .tab-btn{
+    flex:1;
+    background:#1e1e28;
+    border:1px solid #2a2a3a;
+    border-radius: 12px;
+    padding:10px 10px;
+    color:#cfd3ff;
+    font-weight:700;
+    font-size:0.82rem;
+}
+.tabs-bar .tab-btn.active{
+    border-color:#6c8af5;
+    box-shadow:0 0 0 1px rgba(108,138,245,0.22) inset;
+}
 .stat {
     text-align: center;
     min-width: 60px;
@@ -55,26 +80,7 @@ body {
     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;
-}
+/* tab buttons styled via .tabs-bar */
 
 /* ─── Panels (Graph/Status) ──────────────────────────────────────────────── */
 .panel {
@@ -123,6 +129,16 @@ body {
     font-size: 0.8rem;
     margin-top: 6px;
 }
+.small { font-size: 0.75rem; }
+
+/* Graph canvas */
+#graphCanvas{
+    display:block;
+    margin: 8px auto 0;
+    background:#12121a;
+    border:1px solid #252533;
+    border-radius: 14px;
+}
 #searchInput {
     flex: 1;
     background: #1e1e28;