room cards

apps/ui/templates/dashboard.html

@@ -55,14 +55,34 @@
         }
         
         .room {
+            background: white;
+            border-radius: 20px;
+            padding: 2rem;
             margin-bottom: 2rem;
+            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
+            transition: transform 0.2s, box-shadow 0.2s;
+        }
+        
+        .room:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
         }
         
         .room-title {
-            color: white;
+            color: #333;
-            font-size: 1.5rem;
+            font-size: 1.75rem;
-            margin-bottom: 1rem;
+            font-weight: 700;
-            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+            margin-bottom: 1.5rem;
+            padding-bottom: 1rem;
+            border-bottom: 3px solid #667eea;
+            display: flex;
+            align-items: center;
+            gap: 0.75rem;
+        }
+        
+        .room-title::before {
+            content: '🏠';
+            font-size: 2rem;
         }
         
         .devices {