Add Day page with Today's Summary and Cash Management sub-tabs

- Created new Day page at top of navigation
- Today's Summary shows: purchases, sales, expenses, labor cost, quantities
- Added Payment Summary with cash/online received/paid and total cash flow
- Added Due Summary: due received, due paid, due to receive, due to pay
- Added Item-wise Purchase and Sale Details sorted by popularity
- Moved Cash Management under Day page as sub-tab
- Fixed toast z-index to show above auth screen
- Fixed Reports NaN issue with null safety
- Fixed user approval check on page refresh
- Fixed items import to refresh table view

Author: hiteshkrmsft

www/css/toast.css

@@ -10,7 +10,7 @@
   font-size: 14px;
   font-weight: 500;
   box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
-  z-index: 10000;
+  z-index: 100000;
   opacity: 0;
   transition: all 0.3s ease;
   pointer-events: none;

www/firebaseConfig.js

@@ -42,9 +42,8 @@ const APP_ENV = getEnvironment();
 // Development: 'dev_items', 'dev_purchases', etc.
 const COLLECTION_PREFIX = APP_ENV === 'production' ? '' : 'dev_';
 
-// Collections that should NOT be prefixed (shared between dev and prod)
-// - users: Keep same user roles/permissions in dev
-const SHARED_COLLECTIONS = ['users'];
+// All collections are now prefixed in dev mode (no shared collections)
+// This keeps dev and prod data completely separate
 
 console.log(`🔧 App Environment: ${APP_ENV} | Collection Prefix: "${COLLECTION_PREFIX}"`);
 
@@ -64,13 +63,7 @@ window.APP_ENV = APP_ENV;
 window.COLLECTION_PREFIX = COLLECTION_PREFIX;
 
 // Helper function to get prefixed collection name
-// Some collections are shared (not prefixed) between dev and prod
-window.getCollection = (name) => {
-  if (SHARED_COLLECTIONS.includes(name)) {
-    return name; // No prefix for shared collections
-  }
-  return COLLECTION_PREFIX + name;
-};
+window.getCollection = (name) => COLLECTION_PREFIX + name;
 
 // Show environment indicator in UI (for development only)
 if (APP_ENV !== 'production') {

www/js/auth/authentication.js

@@ -173,13 +173,19 @@ const AuthManager = {
         const name = document.getElementById('registerName').value.trim();
         const email = document.getElementById('registerEmail').value.trim();
         const password = document.getElementById('registerPassword').value;
-        const role = document.getElementById('registerRole').value;
+        const confirmPassword = document.getElementById('registerConfirmPassword')?.value;
+        const role = 'staff'; // Default role for new registrations - can be changed by admin
 
         if (!name || !email || !password) {
             UIManager.showToast('Please fill all fields');
             return;
         }
 
+        if (confirmPassword && password !== confirmPassword) {
+            UIManager.showToast('Passwords do not match');
+            return;
+        }
+        
         if (password.length < 6) {
             UIManager.showToast('Password must be at least 6 characters');
             return;

www/js/main.js

@@ -20,6 +20,7 @@ import { UsersManager } from './modules/users.js';
 import { FinanceManager } from './modules/finance.js';
 import { AnalyticsManager } from './modules/analytics.js';
 import { CashManagementManager } from './modules/cash-management.js';
+import { DayManager } from './modules/day.js';
 import { AuditService } from './services/audit.js';
 
 // Import template loader utility
@@ -101,8 +102,33 @@ async function loadUserDataAndInitialize() {
             const userDoc = await firebase.firestore().collection(window.getCollection ? window.getCollection('users') : 'users').doc(userId).get();
             if (userDoc.exists) {
                 const userData = userDoc.data();
+                
+                // Check if user is approved
+                if (userData.status === 'pending') {
+                    await firebase.auth().signOut();
+                    UIManager.hideLoading();
+                    UIManager.showToast('Your account is pending approval. Please wait for admin approval.');
+                    document.getElementById('authScreen').style.display = 'flex';
+                    return;
+                }
+                
+                if (userData.status === 'rejected') {
+                    await firebase.auth().signOut();
+                    UIManager.hideLoading();
+                    UIManager.showToast('Your account has been rejected. Please contact admin.');
+                    document.getElementById('authScreen').style.display = 'flex';
+                    return;
+                }
+                
                 AppState.userRole = userData.role || 'staff';
                 AppState.userName = userData.name || 'User';
+            } else {
+                // User document doesn't exist
+                await firebase.auth().signOut();
+                UIManager.hideLoading();
+                UIManager.showToast('User account not found. Please register.');
+                document.getElementById('authScreen').style.display = 'flex';
+                return;
             }
         }
 
@@ -530,6 +556,14 @@ window.app = {
         init: () => AnalyticsManager.init()
     },
 
+    // Day (Today's Summary + Cash Management)
+    day: {
+        init: () => DayManager.init(),
+        showSubTab: (tab) => DayManager.showSubTab(tab),
+        loadTodayData: () => DayManager.loadTodayData(),
+        filterTransactions: () => DayManager.filterTransactions()
+    },
+    
     // Cash Management
     cashManagement: {
         init: () => CashManagementManager.init(),