Add a basic UI

app/static/css/main.css

@@ -0,0 +1,34 @@
+/* Custom styles can be added here */
+.active-nav-link {
+  border-color: #60a5fa;
+  color: #60a5fa;
+}
+
+/* Add smooth transitions for hover effects */
+.hover\:border-primary {
+  transition: border-color 0.2s ease-in-out;
+}
+
+/* Custom scrollbar styles */
+::-webkit-scrollbar {
+  width: 8px;
+}
+
+::-webkit-scrollbar-track {
+  background: #1f2937;
+}
+
+::-webkit-scrollbar-thumb {
+  background: #60a5fa;
+  border-radius: 4px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: #3b82f6;
+}
+
+/* Dark mode input styles */
+input[type="date"]::-webkit-calendar-picker-indicator {
+  filter: invert(1);
+  opacity: 0.5;
+}