style: Add RL agent note to tour and increase dashboard spacing

dashboard/app.js

@@ -11,7 +11,7 @@ const SPECS = {
 const TUTORIAL_STEPS = [
     {
         title: "Mission: NetZero-Nav",
-        text: "Your goal is to sustain a profitable electronics business while hitting zero-carbon targets. Use the <strong>Command Console</strong> to manage your supply chain.",
+        text: "Your goal is to sustain a profitable electronics business while hitting zero-carbon targets. Use the <strong>Command Console</strong> to manage your supply chain.<br><br><strong>Important Note:</strong> This is a simulation of what the AI Agent will be doing in the RL Env.",
         target: "header"
     },
     {

dashboard/style.css

@@ -186,11 +186,12 @@ header {
     font-weight: 700;
 }
 
+/* Layout Sections */
 .main-grid {
     display: grid;
     grid-template-columns: 1.6fr 1fr;
     gap: 2rem;
-    margin-bottom: 2rem;
+    margin-bottom: 3rem;
     align-items: start; /* Don't stretch if content is small */
 }
 
@@ -198,6 +199,10 @@ header {
     .main-grid { grid-template-columns: 1fr; }
 }
 
+.metrics-grid, .details-section, .log-section, .guide-section {
+    margin-bottom: 3.5rem;
+}
+
 .floating-feedback {
     position: fixed;
     color: var(--primary-green);