Fix icon duplications and add navigation color scheme

- Add color variables for navigation items (info, indigo, orange)
- Apply distinct colors to navigation items:
  * Active: green
  * Archived: blue
  * Lite Plan: indigo
  * Lite Fix: orange
- Fix icon conflicts in review session:
  * Change Dimensions icon from 📋 to 🎯
  * Change Location icon from 📄 to 📍
  * Change Root Cause icon from 🔍 to 🎯
- Add active state styles for each navigation item type
- Support both light and dark themes

ccw/src/templates/dashboard-css/01-base.css

@@ -75,6 +75,39 @@ body {
   color: white;
 }
 
+/* Nav item specific color active states */
+.nav-item[data-filter="active"].active {
+  background-color: hsl(var(--success-light));
+}
+
+.nav-item[data-filter="active"].active .nav-icon {
+  color: hsl(var(--success));
+}
+
+.nav-item[data-filter="archived"].active {
+  background-color: hsl(var(--info-light));
+}
+
+.nav-item[data-filter="archived"].active .nav-icon {
+  color: hsl(var(--info));
+}
+
+.nav-item[data-lite="lite-plan"].active {
+  background-color: hsl(var(--indigo-light));
+}
+
+.nav-item[data-lite="lite-plan"].active .nav-icon {
+  color: hsl(var(--indigo));
+}
+
+.nav-item[data-lite="lite-fix"].active {
+  background-color: hsl(var(--orange-light));
+}
+
+.nav-item[data-lite="lite-fix"].active .nav-icon {
+  color: hsl(var(--orange));
+}
+
 .sidebar.collapsed .toggle-icon {
   transform: rotate(180deg);
 }