body, html { margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; background: #eee; font-family: Arial, sans-serif; }
#container { width: calc(100% - 200px); height: 100%; float: right; }
#sidebar { width: 200px; height: 100%; background: #f8f9fa; overflow-y: auto; float: left; padding: 10px; box-sizing: border-box; }
#searchInput { width: 100%; padding: 8px; margin-bottom: 10px; font-size: 14px; border: 1px solid #ccc; border-radius: 5px; box-sizing: border-box; }
.quadra-group { margin-bottom: 15px; }
.quadra-title { font-weight: bold; margin-top: 10px; margin-bottom: 5px; cursor: pointer; }
.lote-btn { display: block; width: 100%; margin-bottom: 5px; padding: 6px; background-color: #007bff; color: white; text-align: center; text-decoration: none; border-radius: 5px; cursor: pointer; font-size: 12px; }
.lote-btn:hover { background-color: #0056b3; }
#resetZoomButton { position: absolute; top: 10px; right: 10px; padding: 10px 20px; background-color: #007bff; color: white; border: none; border-radius: 5px; cursor: pointer; font-size: 16px; z-index: 10; }
#resetZoomButton:hover { background-color: #0056b3; }