feat: Fix side-by-side layout and add +1 order animation

dashboard/index.html

@@ -54,7 +54,7 @@
                                     </select>
                                 </div>
                                 <div class="op-actions">
-                                    <button onclick="execute('order_parts')" class="btn btn-primary">Order</button>
+                                    <button onclick="execute('order_parts', event)" class="btn btn-primary">Order</button>
                                 </div>
                             </div>
                         </div>
@@ -72,7 +72,7 @@
                                     </select>
                                 </div>
                                 <div class="op-actions">
-                                    <button onclick="execute('produce')" class="btn btn-primary">Start Run</button>
+                                    <button onclick="execute('produce', event)" class="btn btn-primary">Start Run</button>
                                 </div>
                             </div>
                         </div>
@@ -87,7 +87,7 @@
                                     <span class="op-text">Carbon Offset Purchase (100 units)</span>
                                 </div>
                                 <div class="op-actions">
-                                    <button onclick="execute('offset')" class="btn btn-primary">Buy Offset</button>
+                                    <button onclick="execute('offset', event)" class="btn btn-primary">Buy Offset</button>
                                 </div>
                             </div>
                         </div>

dashboard/style.css

@@ -188,16 +188,31 @@ header {
 
 .main-grid {
     display: grid;
-    grid-template-columns: 1.5fr 1fr;
+    grid-template-columns: 1.6fr 1fr;
     gap: 2rem;
     margin-bottom: 2rem;
-    align-items: stretch;
+    align-items: start; /* Don't stretch if content is small */
 }
 
-@media (max-width: 1100px) {
+@media (max-width: 900px) {
     .main-grid { grid-template-columns: 1fr; }
 }
 
+.floating-feedback {
+    position: fixed;
+    color: var(--primary-green);
+    font-weight: 700;
+    font-size: 1.1rem;
+    pointer-events: none;
+    animation: floatUp 0.8s ease-out forwards;
+    z-index: 9999;
+}
+
+@keyframes floatUp {
+    0% { opacity: 1; transform: translateY(0) scale(1); }
+    100% { opacity: 0; transform: translateY(-60px) scale(1.2); }
+}
+
 .h-100 { height: 100%; display: flex; flex-direction: column; }
 
 .op-row {