addings details and map to modal

frontend/styles.css

@@ -1051,6 +1051,20 @@ body {
     flex-wrap: wrap;
 }
 
+.modal-details {
+    margin-top: 0.75rem;
+    font-size: 0.875rem;
+    color: var(--text-secondary);
+}
+
+.modal-details .modal-address {
+    margin-bottom: 0.25rem;
+}
+
+.modal-details .modal-age-range {
+    color: var(--text-muted);
+}
+
 .modal-body {
     padding: 2rem;
 }
@@ -1106,6 +1120,24 @@ body {
     margin-top: 0.25rem;
 }
 
+.modal-map-container {
+    margin-top: 2rem;
+}
+
+.modal-map-container h4 {
+    font-size: 1rem;
+    font-weight: 600;
+    color: var(--text-primary);
+    margin-bottom: 0.75rem;
+}
+
+.modal-map {
+    height: 200px;
+    border-radius: var(--radius-md);
+    overflow: hidden;
+    cursor: pointer;
+}
+
 .modal-footer {
     padding: 1.5rem 2rem;
     border-top: 1px solid var(--border-color);