diff --git a/frontend/public/styles.css b/frontend/public/styles.css
index e0471b2..dfa122f 100644
--- a/frontend/public/styles.css
+++ b/frontend/public/styles.css
@@ -205,6 +205,8 @@
   color: var(--color-text-muted);
   font-size: 12px;
   font-weight: 800;
+  cursor: pointer;
+  transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
 }
 
 .nav-pill.active {
@@ -218,6 +220,12 @@
   color: #64748b;
 }
 
+.nav-pill:hover {
+  transform: translateY(-1px);
+  border-color: #c7d2fe;
+  box-shadow: 0 8px 18px rgba(148, 163, 184, 0.16);
+}
+
 .header-actions {
   display: flex;
   align-items: center;