feat: complete production-quality Model Router AI traffic control platform

2026-08-31 17:33:38 +05:30
commit 4e6f742272
66 changed files with 8969 additions and 0 deletions
@@ -0,0 +1,94 @@
+@import "tailwindcss";
+
+@theme {
+  --color-bg-primary: #07090C;
+  --color-bg-secondary: #0D1117;
+  --color-bg-card: #121820;
+  --color-bg-card-hover: #17202B;
+
+  --color-border-subtle: #1F2833;
+  --color-border-active: #324050;
+
+  --color-text-primary: #F0F4F8;
+  --color-text-muted: #8B98A5;
+  --color-text-dim: #546270;
+
+  --color-accent-primary: #3894FF;
+  --color-accent-secondary: #F59E0B;
+  --color-accent-success: #10B981;
+  --color-accent-error: #EF4444;
+  --color-accent-purple: #8B5CF6;
+  --color-accent-cyan: #06B6D4;
+
+  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+}
+
+body {
+  background-color: #07090C;
+  color: #F0F4F8;
+  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
+  overflow-x: hidden;
+}
+
+/* Custom glow borders and glass effects */
+.glass-panel {
+  background: rgba(18, 24, 32, 0.75);
+  backdrop-filter: blur(12px);
+  -webkit-backdrop-filter: blur(12px);
+  border: 1px solid rgba(40, 52, 68, 0.6);
+}
+
+.glass-panel-hover:hover {
+  border-color: rgba(56, 148, 255, 0.5);
+  box-shadow: 0 0 25px rgba(56, 148, 255, 0.08);
+}
+
+/* Scanline and grid overlays */
+.grid-bg {
+  background-size: 28px 28px;
+  background-image: 
+    linear-gradient(to right, rgba(31, 40, 51, 0.4) 1px, transparent 1px),
+    linear-gradient(to bottom, rgba(31, 40, 51, 0.4) 1px, transparent 1px);
+}
+
+.radar-glow {
+  box-shadow: 0 0 50px -10px rgba(56, 148, 255, 0.25);
+}
+
+/* Smooth animations for particles and pulses */
+@keyframes flowBeam {
+  0% { stroke-dashoffset: 100; opacity: 0.2; }
+  50% { opacity: 1; }
+  100% { stroke-dashoffset: 0; opacity: 0.2; }
+}
+
+.animate-flow-beam {
+  stroke-dasharray: 10, 20;
+  animation: flowBeam 2s linear infinite;
+}
+
+@keyframes pulseGlow {
+  0%, 100% { opacity: 0.4; transform: scale(1); }
+  50% { opacity: 1.0; transform: scale(1.04); }
+}
+
+.animate-pulse-glow {
+  animation: pulseGlow 2.5s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+}
+
+/* Scrollbars */
+::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+::-webkit-scrollbar-track {
+  background: #07090C;
+}
+::-webkit-scrollbar-thumb {
+  background: #1F2833;
+  border-radius: 3px;
+}
+::-webkit-scrollbar-thumb:hover {
+  background: #324050;
+}