Initial

Takes in a file, process it and output a new file with additional columns.

public/assets/styles.css

@@ -0,0 +1,81 @@
+:root {
+  --app-bg: #f3f6fb;
+  --app-ink: #16202a;
+  --app-muted: #5d6b7a;
+  --app-accent: #0f6efc;
+  --app-accent-soft: rgba(15, 110, 252, 0.12);
+}
+
+html {
+  scroll-behavior: smooth;
+}
+
+body {
+  color: var(--app-ink);
+  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+  background:
+    radial-gradient(circle at top left, rgba(15, 110, 252, 0.12), transparent 28%),
+    radial-gradient(circle at bottom right, rgba(13, 202, 240, 0.16), transparent 30%),
+    var(--app-bg);
+}
+
+.app-shell {
+  min-height: 100vh;
+}
+
+.app-navbar {
+  background: rgba(255, 255, 255, 0.88);
+  backdrop-filter: blur(10px);
+}
+
+.datatable-toolbar {
+  padding: 0.1rem 0;
+}
+
+.column-visibility-menu {
+  min-width: 18rem;
+  max-height: 24rem;
+  overflow-y: auto;
+}
+
+.datatable-page .ag-theme-quartz {
+  --ag-font-family: inherit;
+  --ag-header-background-color: rgba(255, 255, 255, 0.98);
+  --ag-header-foreground-color: var(--app-ink);
+  --ag-background-color: rgba(255, 255, 255, 0.95);
+  --ag-foreground-color: var(--app-ink);
+  --ag-border-color: rgba(22, 32, 42, 0.12);
+  --ag-row-hover-color: rgba(15, 110, 252, 0.06);
+  --ag-selected-row-background-color: rgba(15, 110, 252, 0.12);
+  --ag-header-column-separator-display: none;
+  --ag-row-border-color: rgba(22, 32, 42, 0.08);
+  --ag-cell-horizontal-padding: 14px;
+  width: 100%;
+  height: 72vh;
+  min-height: 620px;
+  border-radius: 1rem;
+  overflow: hidden;
+  box-shadow: 0 1rem 2.5rem rgba(22, 32, 42, 0.08);
+}
+
+.datatable-page .ag-theme-quartz .ag-header {
+  border-bottom: 1px solid rgba(22, 32, 42, 0.12);
+}
+
+.datatable-page .ag-theme-quartz .ag-header-cell-label {
+  font-weight: 700;
+}
+
+.datatable-page .ag-theme-quartz .ag-floating-filter {
+  border-top: 1px solid rgba(22, 32, 42, 0.08);
+  background: rgba(255, 255, 255, 0.98);
+}
+
+.datatable-page .ag-theme-quartz .ag-cell {
+  padding-top: 0.2rem;
+  padding-bottom: 0.2rem;
+}
+
+.datatable-page .ag-theme-quartz .ag-row {
+  border-bottom: 1px solid rgba(22, 32, 42, 0.06);
+}