feat(dashboard): add performance and operations slices

apps/dashboard/src/features/performance/performance.css

@@ -0,0 +1,24 @@
+.performance-page { display: grid; gap: .8rem; }
+.feature-panel { min-width: 0; }
+.performance-grid { display: grid; gap: .8rem; }
+.table-scroll { overflow-x: auto; }
+.performance-table { width: 100%; border-collapse: collapse; text-align: left; }
+.performance-table th, .performance-table td { padding: .7rem .5rem; border-top: 1px solid var(--border); }
+.performance-table thead th { border-top: 0; color: var(--muted); font-size: .75rem; text-transform: uppercase; }
+.performance-table tbody th { min-width: 9rem; }
+.configured-label, .confidence-warning { display: block; margin-top: .2rem; color: var(--accent); font-size: .68rem; font-weight: 750; }
+.confidence-warning { color: var(--warning); }
+.sample-size { white-space: nowrap; color: var(--muted); }
+.trend-list { display: grid; gap: .65rem; padding: 0; margin: 0; list-style: none; }
+.trend-list li { display: grid; grid-template-columns: 6.5rem minmax(5rem, 1fr) 3rem 6rem; align-items: center; gap: .75rem; }
+.trend-track { height: .5rem; overflow: hidden; background: var(--border); border-radius: 999px; }
+.trend-track span { display: block; height: 100%; background: var(--accent); border-radius: inherit; }
+.example-grid { display: grid; gap: .75rem; }
+.successful-example { padding: 1rem; background: var(--surface-raised); border: 1px solid var(--border); border-radius: .75rem; }
+.successful-example > div { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
+.successful-example small { color: var(--muted); }
+.successful-example h3 { margin-bottom: .5rem; }
+.successful-example blockquote { margin: 1rem 0; padding-left: 1rem; border-left: 2px solid var(--accent); }
+.successful-example p { margin-bottom: 0; color: var(--muted); }
+.feature-empty { color: var(--muted); }
+@media (min-width: 64rem) { .performance-grid, .example-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }