feat(unified-mobile-desktop-ui): Complete US-514 - Fix Spațiu Blank Excesiv Top (Toate Paginile)

Implemented by Ralph autonomous loop.
Iteration: 15

Co-Authored-By: Claude <noreply@anthropic.com>

scripts/ralph/prd.json

@@ -294,8 +294,8 @@
         "npm run build passes",
         "Verify in browser: spațiul blank este eliminat pe toate paginile"
       ],
-      "passes": false,
+      "passes": true,
-      "notes": ""
+      "notes": "Completed in iteration 15"
     },
     {
       "id": "US-515",

scripts/ralph/progress.txt

@@ -153,3 +153,9 @@ Design Reference: src/modules/reports/views/InvoicesView.vue
 [2026-01-12 23:09:57] Working on story: US-513
 [2026-01-12 23:09:57] Running Claude... (log: /workspace/roa2web/scripts/ralph/logs/iteration_14_US-513.log)
 [2026-01-12 23:11:56] SUCCESS: Story US-513 passed!
+[2026-01-12 23:11:56] Changes committed
+[2026-01-12 23:11:56] Progress: 13/19 stories completed
+[2026-01-12 23:11:58] === Iteration 15/100 ===
+[2026-01-12 23:11:58] Working on story: US-514
+[2026-01-12 23:11:58] Running Claude... (log: /workspace/roa2web/scripts/ralph/logs/iteration_15_US-514.log)
+[2026-01-12 23:16:20] SUCCESS: Story US-514 passed!

src/assets/css/patterns/dashboard.css

@@ -1,8 +1,9 @@
 /* Dashboard Patterns - ROA2WEB */
 
 /* ===== Page Headers ===== */
+/* US-514: Reduced from var(--space-xl) to var(--space-md) for less excessive top spacing */
 .page-header {
-  margin-bottom: var(--space-xl);
+  margin-bottom: var(--space-md);
   text-align: center;
 }
 

src/modules/data-entry/views/OCRMetricsView.vue

@@ -853,13 +853,14 @@ onBeforeUnmount(() => {
   padding-bottom: 56px; /* MobileBottomNav height */
 }
 
+/* US-514: Using design tokens instead of hardcoded values */
 .page-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  margin-bottom: 1.5rem;
+  margin-bottom: var(--space-md);
   flex-wrap: wrap;
-  gap: 1rem;
+  gap: var(--space-md);
 }
 
 .page-header h1 {

src/modules/reports/views/CacheStatsView.vue

@@ -396,11 +396,12 @@ onUnmounted(() => {
 }
 
 /* Header - Uses global .page-header pattern */
+/* US-514: Reduced from var(--space-xl) to var(--space-md) for less excessive top spacing */
 .stats-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  margin-bottom: var(--space-xl);
+  margin-bottom: var(--space-md);
 }
 
 .stats-header h1 {

src/modules/reports/views/DetailedInvoicesView.vue

@@ -894,8 +894,9 @@ onUnmounted(() => {
 }
 
 /* Page Header - Desktop only */
+/* US-514: Reduced from var(--space-xl) to var(--space-md) for less excessive top spacing */
 .page-header {
-  margin-bottom: var(--space-xl);
+  margin-bottom: var(--space-md);
 }
 
 .page-title {

src/modules/reports/views/InvoicesView.vue

@@ -1040,8 +1040,9 @@ watch(
   letter-spacing: 0.5px;
 }
 
+/* US-514: Reduced from var(--space-xl) to var(--space-md) for less excessive top spacing */
 .page-header {
-  margin-bottom: var(--space-xl);
+  margin-bottom: var(--space-md);
 }
 
 .page-title {

src/modules/reports/views/MaturityAnalysisView.vue

@@ -110,8 +110,9 @@ onUnmounted(() => {
 }
 
 /* Page Header - Desktop only */
+/* US-514: Reduced from var(--space-xl) to var(--space-md) for less excessive top spacing */
 .page-header {
-  margin-bottom: var(--space-xl);
+  margin-bottom: var(--space-md);
 }
 
 .page-title {

src/modules/reports/views/SettingsHubView.vue

@@ -131,8 +131,9 @@ onUnmounted(() => {
 }
 
 /* Page header styles */
+/* US-514: Reduced from var(--space-xl) to var(--space-md) for less excessive top spacing */
 .page-header {
-  margin-bottom: var(--space-xl);
+  margin-bottom: var(--space-md);
 }
 
 .page-title {