body { margin: 0; padding: 0; font-family: Arial, sans-serif; }
#theme-container { width: 100vw; height: 100vh; display: flex; }
#map-container { width: 100%; height: 100vh; }
#map { width: 100%; height: 100%; }
#listings-container { width: 65%; padding: 20px; background: #f8f9fa; overflow-y: auto; }
.search-bar { padding: 10px; background: white; margin-bottom: 10px; border-radius: 8px; }
.property-card { margin-bottom: 15px; border-radius: 8px; overflow: hidden; }
.property-card img { width: 100%; height: 200px; object-fit: cover; }
.property-info { padding: 15px; }
.mapboxgl-popup { max-width: 300px; }