/* Basic styling for demonstration, you can expand this */
body { font-family: Arial, sans-serif; margin: 0; padding: 20px; background-color: #f4f7f6; }
.card { background: white; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); padding: 24px; margin-bottom: 24px; }
h1, h2 { color: #333; margin-bottom: 20px; }
label { display: block; margin-bottom: 8px; font-weight: bold; color: #555; }
input[type="text"], select, input[type="file"] { width: 100%; padding: 10px; margin-bottom: 16px; border: 1px solid #ddd; border-radius: 4px; box-sizing: border-box; }
button { background-color: #007bff; color: white; padding: 10px 15px; border: none; border-radius: 4px; cursor: pointer; font-size: 16px; margin-right: 10px; }
button:hover { background-color: #0056b3; }
.map-container { display: flex; gap: 20px; margin-bottom: 20px; }
#map, #streetview { width: 50%; height: 400px; border-radius: 8px; overflow: hidden; }
.table-wrapper { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; margin-top: 20px; }
th, td { border: 1px solid #ddd; padding: 10px; text-align: left; }
th { background-color: #f2f2f2; }
.image-cell { text-align: center; }
.image-container { width: 150px; height: 100px; overflow: hidden; margin: 0 auto; border-radius: 4px; }
.image-container img { width: 100%; height: 100%; object-fit: cover; }
.messages { margin-bottom: 20px; padding: 10px; border-radius: 4px; }
.messages.success { background-color: #d4edda; color: #155724; border-color: #c3e6cb; }
.messages.error { background-color: #f8d7da; color: #721c24; border-color: #f5c6cb; }