feat(ui): add type filter toggles

src/index.css

@@ -0,0 +1,68 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+:root {
+  --bg-primary: #0F172A;
+  --bg-secondary: #1E293B;
+  --bg-tertiary: #334155;
+  --text-primary: #F8FAFC;
+  --text-secondary: #94A3B8;
+  --border: #475569;
+  --accent: #38BDF8;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+  font-family: 'Inter', system-ui, sans-serif;
+  background-color: var(--bg-primary);
+  color: var(--text-primary);
+  overflow: hidden;
+}
+
+#root {
+  width: 100vw;
+  height: 100vh;
+}
+
+.react-flow__node {
+  cursor: pointer;
+}
+
+.react-flow__edge-path {
+  stroke-width: 2;
+}
+
+.react-flow__minimap {
+  background-color: var(--bg-secondary);
+}
+
+/* Controls styling */
+.react-flow__controls {
+  background: transparent;
+  box-shadow: none;
+}
+
+.react-flow__controls-button {
+  background-color: #334155;
+  border: 1px solid #475569;
+  color: #94A3B8;
+  border-bottom: 1px solid #475569;
+}
+
+.react-flow__controls-button:hover {
+  background-color: #475569;
+  color: #F8FAFC;
+}
+
+.react-flow__controls-button:active {
+  background-color: #1E293B;
+}
+
+.react-flow__controls-button svg {
+  fill: currentColor;
+}