Add Vite+React frontend scaffold, update build pipeline, dashboard tweaks

frontend/src/app.css

@@ -0,0 +1,133 @@
+@import "tailwindcss";
+
+:root {
+  color-scheme: dark;
+  --papo-bg: #080b12;
+  --papo-surface: #101522;
+  --papo-surface-2: #171d2b;
+  --papo-border: rgba(255, 255, 255, 0.08);
+  --papo-text: #f6efe7;
+  --papo-muted: #b6ab9b;
+  --papo-accent: #f97316;
+  --papo-accent-soft: rgba(249, 115, 22, 0.18);
+}
+
+html,
+body,
+#root {
+  min-height: 100%;
+}
+
+body {
+  margin: 0;
+  font-family:
+    Inter,
+    ui-sans-serif,
+    system-ui,
+    -apple-system,
+    BlinkMacSystemFont,
+    "Segoe UI",
+    sans-serif;
+  background:
+    radial-gradient(circle at top left, rgba(249, 115, 22, 0.18), transparent 28%),
+    radial-gradient(circle at top right, rgba(255, 163, 82, 0.08), transparent 24%),
+    linear-gradient(180deg, #090c14 0%, #070910 48%, #05070c 100%);
+  color: var(--papo-text);
+}
+
+* {
+  box-sizing: border-box;
+}
+
+.papo-shell {
+  min-height: 100vh;
+  color: var(--papo-text);
+}
+
+.papo-grid {
+  display: grid;
+  gap: 1rem;
+}
+
+.papo-card {
+  border: 1px solid var(--papo-border);
+  background: linear-gradient(180deg, rgba(18, 24, 38, 0.96), rgba(10, 14, 24, 0.94));
+  box-shadow: 0 24px 56px rgba(0, 0, 0, 0.28);
+}
+
+.papo-section-title {
+  margin: 0;
+  font-size: 1.65rem;
+  font-weight: 800;
+  letter-spacing: -0.03em;
+}
+
+.papo-section-subtitle {
+  margin: 0.35rem 0 0;
+  color: var(--papo-muted);
+  font-size: 0.95rem;
+}
+
+.papo-sidebar {
+  background:
+    linear-gradient(180deg, rgba(7, 10, 17, 0.98), rgba(6, 8, 14, 0.96));
+  border-right: 1px solid rgba(255, 255, 255, 0.05);
+  backdrop-filter: blur(18px);
+}
+
+.papo-logo {
+  width: 48px;
+  height: 48px;
+  display: grid;
+  place-items: center;
+  border-radius: 18px;
+  background: linear-gradient(140deg, #ffbf7f 0%, #f97316 62%, #d8580b 100%);
+  color: #1e1105;
+  font-size: 1.65rem;
+  font-weight: 900;
+  box-shadow: 0 18px 28px rgba(249, 115, 22, 0.32);
+}
+
+.papo-nav-button[data-active="true"] {
+  background: linear-gradient(90deg, rgba(249, 115, 22, 0.28), rgba(249, 115, 22, 0.08));
+  border-color: rgba(249, 115, 22, 0.45);
+  color: #fff6ee;
+}
+
+.papo-icon-badge {
+  width: 2.5rem;
+  height: 2.5rem;
+  display: grid;
+  place-items: center;
+  border-radius: 14px;
+  background: rgba(249, 115, 22, 0.12);
+  color: #ffb778;
+  border: 1px solid rgba(249, 115, 22, 0.18);
+}
+
+.papo-chart {
+  width: 88px;
+  height: 28px;
+}
+
+.papo-chart path {
+  fill: none;
+  stroke-width: 3;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+}
+
+.papo-scroll {
+  scrollbar-width: thin;
+  scrollbar-color: rgba(249, 115, 22, 0.35) transparent;
+}
+
+.papo-scroll::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+
+.papo-scroll::-webkit-scrollbar-thumb {
+  background: rgba(249, 115, 22, 0.3);
+  border-radius: 999px;
+}

frontend/src/main.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import App from './App';
+import './app.css';
+
+ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>
+);