diff --git a/src/styles/theme.css b/src/styles/theme.css
index 787445be..0b950a4e 100644
--- a/src/styles/theme.css
+++ b/src/styles/theme.css
@@ -29,9 +29,9 @@
   --tracking-wider: 0.08em;
 
   /* ── LAYOUT SPACING ─────────────────────────────────────────────── */
-  --spacing-sidebar: 220px;
+  --spacing-sidebar: 244px;
   --spacing-topbar: 64px;
-  --spacing-sidebar-collapsed: 56px;
+  --spacing-sidebar-collapsed: 76px;
 
   /* ── RADIUS SCALE (scale resolves to 4 / 6 / 8 / 12) ────────────── */
   --radius: 8px;
@@ -122,6 +122,8 @@
   --color-sidebar-border: var(--sidebar-border);
   --color-sidebar-badge-bg: #e6f4fb;
   --color-sidebar-badge-text: #155a92;
+  --color-sidebar-item-active-bg: var(--card);
+  --color-sidebar-item-active-shadow: 0 1px 3px rgba(38, 34, 98, 0.08);
 
   /* ── SEMANTIC (universal meaning) ───────────────────────────────── */
   --color-destructive: var(--destructive);
diff --git a/src/styles/typography.css b/src/styles/typography.css
index 720652bb..34d61f9e 100644
--- a/src/styles/typography.css
+++ b/src/styles/typography.css
@@ -71,3 +71,13 @@ h6 {
   text-transform: uppercase;
   color: var(--color-sidebar-label);
 }
+
+.text-nav-group {
+  font-family: var(--font-mono);
+  font-size: 10px;
+  font-weight: 600;
+  line-height: normal;
+  letter-spacing: 0.1em;
+  text-transform: uppercase;
+  color: var(--muted-foreground);
+}