photos section in moderation portal with slider

public/styles.css

@@ -1036,6 +1036,60 @@ select.form-input { cursor: pointer; }
 .back-link a { color: var(--color-text-secondary); }
 
 
+/* -----------------------------------------------------------------
+   5.8 Detail Slider (Map/Photo in Admin)
+   ----------------------------------------------------------------- */
+.detail-slider {
+    width: 220px;
+    height: 170px;
+    flex-shrink: 0;
+    position: relative;
+    border-radius: 6px;
+    overflow: hidden;
+    border: 1px solid var(--color-border);
+    background: #f0f0f0;
+}
+
+.detail-slide { width: 100%; height: 100%; }
+
+.detail-slide-photo {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    cursor: pointer;
+}
+
+.detail-slider .detail-map {
+    width: 100%;
+    height: 100%;
+    border: none;
+    border-radius: 0;
+}
+
+.slider-arrow {
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    background: rgba(0, 0, 0, 0.5);
+    color: white;
+    border: none;
+    width: 28px;
+    height: 28px;
+    border-radius: 50%;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 0.7rem;
+    z-index: 1000;
+    transition: background var(--transition-fast);
+}
+
+.slider-arrow:hover { background: rgba(0, 0, 0, 0.7); }
+.slider-arrow-left { left: 4px; }
+.slider-arrow-right { right: 4px; }
+
+
 /* =================================================================
    SECTION 6: Responsive Overrides
    ================================================================= */
@@ -1075,6 +1129,8 @@ select.form-input { cursor: pointer; }
     .action-buttons .btn { justify-content: center; }
     .filter-tabs { overflow-x: auto; }
     .page-tabs { overflow-x: auto; }
+    .detail-slider { width: 100%; height: 200px; }
+
 
     /* Legal */
     .page-content-box { padding: 20px; }