style: unify all views on Mission Control V2 design tokens

- Map legacy v1 CSS variables (--nx-*, --panel, --text-*, --surface*) to V2 tokens in nexus-tokens.css
- Restyle global shell (main.css), AppSidebar, AppHeader to match V2 Sidebar/Topbar (glass, gradients, Space Grotesk)
- Add GalaxyBackground to the v1 shell in App.vue
- Replace hardcoded v1 hex colors with V2 tokens in all deviating views (Agents, Calendar, Docs, Incidents, Memory, Notifications, ProjectDetail, Security, Team, TaskDetail, Settings)
- Keep JS status colors as hex where alpha suffixes are concatenated (AgentsIndex, Team, Notifications)
- Add Settings nav item (System group) + gear icon to V2 sidebar so it shows on the dashboard
- No component or layout structure changes; LoginView and TaskBoardView untouched

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

frontend/src/views/IncidentsView.vue

@@ -202,7 +202,7 @@ onMounted(loadIncidents)
 }
 .incident-sidebar {
   border: 1px solid var(--line);
-  border-radius: 9px;
+  border-radius: var(--r);
   background: var(--panel);
   padding: 8px;
   max-height: 640px;
@@ -211,7 +211,7 @@ onMounted(loadIncidents)
 .incident-list-header {
   font-size: 9px;
   font-weight: 700;
-  color: #7065c8;
+  color: var(--a-mid);
   text-transform: uppercase;
   letter-spacing: 0.14em;
   padding: 10px 8px 6px;
@@ -225,7 +225,7 @@ onMounted(loadIncidents)
   border: none;
   border-radius: 7px;
   background: transparent;
-  color: #e8eaf0;
+  color: var(--tx);
   text-align: left;
   cursor: pointer;
   font: inherit;
@@ -243,19 +243,19 @@ onMounted(loadIncidents)
   border-radius: 6px;
 }
 .incident-file-icon.sev-critical {
-  color: #e74c3c;
+  color: var(--st-block);
   background: rgba(231, 76, 60, 0.12);
 }
 .incident-file-icon.sev-major {
-  color: #e67e22;
+  color: var(--st-queue);
   background: rgba(230, 126, 34, 0.12);
 }
 .incident-file-icon.sev-minor {
-  color: #f1c40f;
+  color: var(--st-queue);
   background: rgba(241, 196, 15, 0.12);
 }
 .incident-file-icon.sev-unknown {
-  color: #7e8799;
+  color: var(--tx-3);
   background: rgba(126, 135, 153, 0.12);
 }
 .incident-file-info strong {
@@ -269,7 +269,7 @@ onMounted(loadIncidents)
   align-items: center;
   gap: 4px;
   font-size: 9px;
-  color: #7e8799;
+  color: var(--tx-3);
   margin-bottom: 4px;
 }
 .incident-file-excerpt {
@@ -278,7 +278,7 @@ onMounted(loadIncidents)
   -webkit-box-orient: vertical;
   overflow: hidden;
   font-size: 9px;
-  color: #6b7385;
+  color: var(--tx-3);
   line-height: 1.5;
 }
 .severity-badge {
@@ -291,23 +291,23 @@ onMounted(loadIncidents)
 }
 .severity-badge.sev-critical {
   background: rgba(231, 76, 60, 0.15);
-  color: #e74c3c;
+  color: var(--st-block);
 }
 .severity-badge.sev-major {
   background: rgba(230, 126, 34, 0.15);
-  color: #e67e22;
+  color: var(--st-queue);
 }
 .severity-badge.sev-minor {
   background: rgba(241, 196, 15, 0.15);
-  color: #f1c40f;
+  color: var(--st-queue);
 }
 .severity-badge.sev-unknown {
   background: rgba(126, 135, 153, 0.15);
-  color: #7e8799;
+  color: var(--tx-3);
 }
 .incident-content {
   border: 1px solid var(--line);
-  border-radius: 9px;
+  border-radius: var(--r);
   background: var(--panel);
   padding: 24px;
   min-height: 480px;
@@ -335,7 +335,7 @@ onMounted(loadIncidents)
   align-items: center;
   gap: 4px;
   font-size: 9px;
-  color: #7e8799;
+  color: var(--tx-3);
 }
 .incident-back-btn {
   display: flex;
@@ -345,13 +345,13 @@ onMounted(loadIncidents)
   border: 1px solid var(--line);
   border-radius: 6px;
   background: transparent;
-  color: #8991a1;
+  color: var(--tx-2);
   font-size: 10px;
   cursor: pointer;
   flex-shrink: 0;
 }
 .incident-back-btn:hover {
-  color: #e8eaf0;
+  color: var(--tx);
   background: var(--accent-soft);
 }
 .incident-status {
@@ -360,11 +360,11 @@ onMounted(loadIncidents)
   justify-content: center;
   gap: 8px;
   padding: 32px;
-  color: #7e8799;
+  color: var(--tx-3);
   font-size: 11px;
 }
 .incident-status.error {
-  color: #e16e75;
+  color: var(--st-block);
 }
 .incident-empty-state {
   display: flex;
@@ -373,27 +373,27 @@ onMounted(loadIncidents)
   justify-content: center;
   text-align: center;
   min-height: 360px;
-  color: #6b7385;
+  color: var(--tx-3);
 }
 .incident-empty-state h3 {
   margin: 12px 0 6px;
   font-size: 14px;
-  color: #a5adba;
+  color: var(--tx-2);
 }
 .incident-empty-state p {
   margin: 0;
   font-size: 10px;
-  color: #7e8799;
+  color: var(--tx-3);
 }
 .incident-rendered {
   font-size: 12px;
   line-height: 1.7;
-  color: #d0d4dd;
+  color: var(--tx-2);
 }
 .incident-rendered :deep(h1),
 .incident-rendered :deep(h2),
 .incident-rendered :deep(h3) {
-  color: #e8eaf0;
+  color: var(--tx);
   margin: 1.2em 0 0.5em;
 }
 .incident-rendered :deep(h1) { font-size: 1.3rem; }
@@ -409,8 +409,8 @@ onMounted(loadIncidents)
 .incident-rendered :deep(pre) {
   padding: 12px;
   border-radius: 8px;
-  background: #0d1016;
-  border: 1px solid var(--nx-line);
+  background: var(--space-2);
+  border: 1px solid var(--line);
   overflow-x: auto;
 }
 .incident-rendered :deep(pre code) {
@@ -418,7 +418,7 @@ onMounted(loadIncidents)
   padding: 0;
 }
 .incident-rendered :deep(a) {
-  color: #a99cf5;
+  color: var(--a-mid);
   text-decoration: none;
 }
 .incident-rendered :deep(a:hover) {
@@ -432,11 +432,11 @@ onMounted(loadIncidents)
 }
 .incident-rendered :deep(hr) {
   border: none;
-  border-top: 1px solid var(--nx-line);
+  border-top: 1px solid var(--line);
   margin: 1.2em 0;
 }
 .incident-rendered :deep(strong) {
-  color: #e8eaf0;
+  color: var(--tx);
 }
 .spin {
   animation: spin 1s linear infinite;