Cập nhật chế độ quản lí scene trong dashboard của người dùng

frontend/css/style.css

@@ -755,6 +755,59 @@ html, body {
 .delete-btn-small { background: #dc3545; color: white; }
 .media-actions button:hover { opacity: 0.8; }
 
+/* --- Scene Card Dashboard --- */
+.scene-card {
+    position: relative;
+    height: 220px;
+    border-radius: 12px;
+    overflow: hidden;
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    background-size: cover;
+    background-position: center;
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-end;
+    transition: transform 0.2s ease;
+    cursor: default;
+}
+
+.scene-card:hover {
+    transform: translateY(-5px);
+    border-color: rgba(0, 123, 255, 0.5);
+}
+
+.scene-card-overlay {
+    padding: 15px;
+    background: linear-gradient(to top, rgba(0,0,0,0.95) 20%, rgba(0,0,0,0.6) 70%, transparent 100%);
+    color: #fff;
+}
+
+.scene-card-info strong {
+    display: block;
+    font-size: 16px;
+    margin-bottom: 4px;
+    color: #fff;
+}
+
+.scene-card-info .scene-desc {
+    font-size: 12px;
+    color: #ccc;
+    margin-bottom: 8px;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+}
+
+.scene-card-meta {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 10px;
+    font-size: 11px;
+    color: #aaa;
+    margin-bottom: 10px;
+}
+
 /* --- Edit Metadata Modal (Dark Theme) --- */
 #edit-scene-metadata-modal .modal-content {
     background: rgba(30, 30, 30, 0.95);