diff --git a/public/dashboard-clean.html b/public/dashboard-clean.html
index f192b3e2..6be3d036 100644
--- a/public/dashboard-clean.html
+++ b/public/dashboard-clean.html
@@ -365,6 +365,53 @@ <h3><i class="fas fa-bolt"></i> Quick Actions</h3>
                     </button>
                 </div>
             </div>
+            <!-- Add Transaction Modal -->
+    <div id="transaction-modal" class="modal">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h3 id="modal-title">Add Transaction</h3>
+                <button class="modal-close" id="modal-close">
+                    <i class="fas fa-times"></i>
+                </button>
+            </div>
+            <form id="transaction-form" class="transaction-form">
+                <div class="form-group">
+                    <label for="transaction-type">Type</label>
+                    <select id="transaction-type" required>
+                        <option value="">Select Type</option>
+                        <option value="expense">Expense</option>
+                        <option value="income">Income</option>
+                    </select>
+                </div>
+                <div class="form-group">
+                    <label for="transaction-description">Description</label>
+                    <input type="text" id="transaction-description" placeholder="Enter description" required>
+                </div>
+                <div class="form-group">
+                    <label for="transaction-amount">Amount</label>
+                    <input type="number" id="transaction-amount" placeholder="0.00" step="0.01" required>
+                </div>
+                <div class="form-group">
+                    <label for="transaction-category">Category</label>
+                    <select id="transaction-category" required>
+                        <option value="">Select Category</option>
+                        <option value="food">Food & Dining</option>
+                        <option value="transport">Transportation</option>
+                        <option value="shopping">Shopping</option>
+                        <option value="entertainment">Entertainment</option>
+                        <option value="utilities">Bills & Utilities</option>
+                        <option value="healthcare">Healthcare</option>
+                        <option value="other">Other</option>
+                    </select>
+                </div>
+                <div class="form-actions">
+                    <button type="button" class="btn-cancel" id="cancel-btn">Cancel</button>
+                    <button type="submit" class="btn-submit">
+                        <i class="fas fa-save"></i> Save Transaction
+                    </button>
+                </div>
+            </form>
+        </div>
         </main>
     </div>
 
diff --git a/public/dashboard.css b/public/dashboard.css
index 1be6dacb..86aac5e0 100644
--- a/public/dashboard.css
+++ b/public/dashboard.css
@@ -147,4 +147,117 @@ body {
     .stats-grid {
         grid-template-columns: 1fr;
     }
-}
\ No newline at end of file
+}
+/* =========================================
+   FORCE DASHBOARD SECTION CARDS & GRID
+   ========================================= */
+
+/* Main dashboard content wrapper */
+.dashboard-main {
+  display: grid !important;
+  grid-template-columns: 2fr 1fr;
+  gap: 1.5rem;
+  width: 100%;
+  align-items: start;
+}
+
+/* Force Budget & Goals into card containers */
+.budget-overview,
+.goals-progress {
+  background: rgba(255,255,255,0.05);
+  backdrop-filter: blur(10px);
+  border-radius: 14px;
+  padding: 1.25rem;
+  box-sizing: border-box;
+  width: 100%;
+  display: block;
+}
+
+/* Fix Budget & Goals content spacing */
+.budget-overview > *,
+.goals-progress > * {
+  margin-bottom: 0.5rem;
+}
+
+/* =========================================
+   FIX QUICK ACTIONS CONTAINER
+   ========================================= */
+
+.quick-actions {
+  grid-column: 1 / -1; /* full width */
+  background: rgba(255,255,255,0.05);
+  backdrop-filter: blur(10px);
+  border-radius: 14px;
+  padding: 1.25rem;
+  margin-top: 1rem;
+}
+
+.quick-actions-grid {
+  display: grid !important;
+  grid-template-columns: repeat(4, minmax(160px, 1fr));
+  gap: 1rem;
+}
+
+/* =========================================
+   FIX ADD TRANSACTION MODAL (CRITICAL)
+   ========================================= */
+
+.modal-overlay {
+  position: fixed !important;
+  inset: 0;
+  background: rgba(0,0,0,0.6);
+  display: flex !important;
+  align-items: center;
+  justify-content: center;
+  z-index: 9999;
+}
+
+.modal {
+  position: relative !important;
+  background: rgba(20,20,20,0.95);
+  border-radius: 14px;
+  max-width: 520px;
+  width: 100%;
+  padding: 1.25rem;
+  margin: 1rem;
+}
+
+/* Prevent modal from flowing inline */
+.modal:not(.active) {
+  display: none;
+}
+
+/* =========================================
+   FIX RAW TEXT FLOWING ISSUE
+   ========================================= */
+
+/* If sections lost their wrapper, force block cards */
+.section-card,
+.dashboard-card {
+  background: rgba(255,255,255,0.05);
+  border-radius: 14px;
+  padding: 1.25rem;
+  width: 100%;
+  box-sizing: border-box;
+}
+
+/* =========================================
+   MOBILE FIX
+   ========================================= */
+
+@media (max-width: 900px) {
+  .dashboard-main {
+    grid-template-columns: 1fr;
+  }
+
+  .quick-actions-grid {
+    grid-template-columns: repeat(2, 1fr);
+  }
+}
+
+@media (max-width: 480px) {
+  .quick-actions-grid {
+    grid-template-columns: 1fr;
+  }
+}
+
diff --git a/public/transactions.css b/public/transactions.css
index fd6a5ba7..71b5e671 100644
--- a/public/transactions.css
+++ b/public/transactions.css
@@ -746,4 +746,33 @@ body {
         width: 95%;
         margin: 10% auto;
     }
-}
\ No newline at end of file
+}/* ==============================
+   FIX: Select & Option Text Visibility
+   ============================== */
+
+/* Select box text */
+select {
+  color: #e0e0e0 !important;
+  background-color: rgba(255, 255, 255, 0.1) !important;
+}
+
+/* Dropdown options (CRITICAL FIX) */
+select option {
+  background-color: #1a1a2e !important;
+  color: #e0e0e0 !important;
+}
+
+/* For Webkit browsers (Chrome, Edge) */
+select optgroup {
+  background-color: #1a1a2e !important;
+  color: #e0e0e0 !important;
+}
+
+/* Disabled / placeholder option */
+select option[value=""] {
+  color: #a0a0a0 !important;
+}
+select:focus {
+  border-color: #667eea !important;
+  box-shadow: 0 0 0 2px rgba(102, 126, 234, 0.2);
+}