1. New Router and Base Page Class architecture to avoid circular references and conform to module bundler requirements. \n 2. Relative path bug fix for lib/validation.js file to work using module bundler.

static/dist/css/main.css

@@ -69,13 +69,28 @@
     min-width: fit-content;
 }
 
-/* Base styles */
+/*
+/* Base styles *
+@import 'lib/reset.css';
+@import 'lib/typography.css';
+@import 'lib/variables.css';
+@import 'lib/utils.css';
 
-/* Layout styles */
+/* Layout styles *
+@import 'layouts/header.css';
+@import 'layouts/footer.css';
 
-/* Component styles */
+/* Component styles *
+@import 'components/button.css';
+@import 'components/card.css';
+@import 'components/dialog.css';
+@import 'components/form.css';
+@import 'components/modal.css';
+@import 'components/navigation.css';
+@import 'components/overlay.css';
 
-/* Section styles */
+/* Section styles *
+@import 'sections/store.css';
 
 /* Page-specific styles *
 @import 'pages/page_admin.css';
@@ -86,12 +101,15 @@
 @import 'pages/page_store_home.css';
 @import 'pages/page_store_product_permutations.css';
 @import 'pages/page_store_stock_items.css';
-*/
+*
 
 /* Theme styles *
 @import 'themes/light.css';
-/* Uncomment the line below to enable dark theme */
-/* @import 'themes/dark.css'; */
+/* Uncomment the line below to enable dark theme *
+/* @import 'themes/dark.css'; *
+
+
+*/
 
 /* Custom styles */
 /* Add any custom styles or overrides here */