From 9eb7de13d84d12c4954c58f48c7581b69d4d386a Mon Sep 17 00:00:00 2001
From: mousberg <davidgelberg@gmail.com>
Date: Sun, 25 Jan 2026 11:46:40 +0000
Subject: [PATCH] UI: refresh dashboard design system

- Typography: swap Inter for Space Grotesk (geometric, techy)
- Colors: punchier accent red, add teal secondary, warmer darks
- Cards: better shadows, hover lift effect, increased padding
- Stats: uppercase labels, larger bold values
- Buttons: hover lift micro-interaction, glow on primary
- Status dots: glow effects and subtle pulse animation
- Callouts: gradient backgrounds for depth
- Navigation: active state accent bar indicator
- Layout: more breathing room, bolder page titles
---
 ui/src/styles/layout.css | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/ui/src/styles/layout.css b/ui/src/styles/layout.css
index c2a5c6fe3..289ef6f0c 100644
--- a/ui/src/styles/layout.css
+++ b/ui/src/styles/layout.css
@@ -404,6 +404,7 @@
 .nav-item.active {
   color: var(--text-strong);
   background: var(--accent-subtle);
+  border-color: rgba(255, 92, 92, 0.15);
 }
 
 .nav-item.active .nav-item__icon {
@@ -411,6 +412,18 @@
   color: var(--accent);
 }
 
+.nav-item.active::before {
+  content: '';
+  position: absolute;
+  left: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 3px;
+  height: 16px;
+  background: var(--accent);
+  border-radius: 0 2px 2px 0;
+}
+
 /* ===========================================
    Content Area
    =========================================== */