Update.

static/css/style.css

@@ -998,3 +998,47 @@ body.dark-mode {
     padding-bottom: calc(var(--spacing-unit) * 2);
     margin-bottom: calc(var(--spacing-unit) * 2);
 }
+
+/* Footer Styles */
+.app-footer {
+    background-color: var(--accent-color);
+    border-top: 1px solid var(--border-color);
+    padding: calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 3);
+    text-align: center;
+    font-size: 0.875rem;
+    color: var(--text-color-light);
+    flex-shrink: 0; /* Prevent footer from shrinking */
+}
+
+.footer-nav {
+    margin-bottom: var(--spacing-unit);
+}
+
+.footer-links {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    gap: calc(var(--spacing-unit) * 2);
+}
+
+.footer-links li {
+    display: inline;
+}
+
+.footer-links a {
+    color: var(--primary-color);
+    text-decoration: none;
+    transition: color 0.2s ease;
+}
+
+.footer-links a:hover {
+    color: var(--secondary-color);
+    text-decoration: underline;
+}
+
+.footer-text {
+    margin: 0;
+}